Vue中的循环及修改差值表达式的方法
编程学习 2021-07-04 15:51www.dzhlxh.cn编程入门
这篇文章主要介绍了Vue中的循环及修改差值表达式的方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
一.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中的循环及修改差值表达式的方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持！
如果你觉得本文对你有帮助，欢迎网络推广网站推广转载，烦请注明出处，谢谢！
上一篇：Angular8路由守卫原理和使用方法
下一篇：vue父子组件通信的高级用法示例