时间:2021-02-23 15:17:39 | 栏目: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>
总结