Vue中的循环及修改差值表达式的方法

一.Vue中的循环v-for常见的4总情况#第一种<divv-for="iteminitems"></div>#第二种<divv-for="(

一.Vue中的循环

v-for

常见的4总情况

#第一种
<div v-for="item in items"></div>

#第二种
<div v-for="(item, index) in items"></div>

#第三种
<div v-for="(val, key) in object"></div>

#第四种
<div v-for="(val, name, index) in object"></div>

正对于对象为字典,如果是普通的列表数组类型的index为空

二.Vue中的分隔符(修改差值表达式)

delimiters

举个例子

<div id="app">
 [[ msg }}
</div>
<script src="vue.js"></script>
<script>
 new Vue({
 el: '#app',
 data: {
 msg: 'message'
 },
 // 修改插值表达式符号
 delimiters: ['[[', '}}'], 两边符号用'符号' 差值的内容`, `来表示
 })
</script>

总结

以上所述是小编给大家介绍的Vue中的循环及修改差值表达式的方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！ 如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！