Vue中的循环及修改差值表达式的方法
时间: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>
总结
栏 目:vue
下一篇:在vue2.0中引用element-ui组件库的方法
本文标题:Vue中的循环及修改差值表达式的方法
本文地址:http://www.codeinn.net/misctech/68647.html