Vue中的循环及修改差值表达式的方法
人气:3一.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中的循环及修改差值表达式的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣的文章:
- Vue中控制v-for循环次数的实现方法
- vue forEach循环数组拿到自己想要的数据方法
- 关于vue v-for循环解决img标签的src动态绑定问题
- Vue条件循环判断+计算属性+绑定样式v-bind的实例
- Vue中的v-for循环key属性注意事项小结
- VUE在for循环里面根据内容值动态的加入class值的方法
- Vue中的循环及修改差值表达式的方法
- Vue插值、表达式、分隔符、指令知识小结
- Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法
- vue.js提交按钮时进行简单的if判断表达式详解
- vue.js实现插入数值与表达式的方法分析
- Vue中v-show添加表达式的问题(判断是否显示)
加载全部内容