本篇文章为大家展示了怎么在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中修改差值表达式,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注天达云行业资讯频道。