71671

Vue中的循环以及修改差值表达式

<h1 id="自我总结">0828自我总结

<h2 id="一.vue中的循环">一.Vue中的循环</h2>

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为空 <h2 id="二.vue中的分隔符修改差值表达式">二.Vue中的分隔符(修改差值表达式)</h2>

delimiters

举个例子

<div id="app"> [[ msg }} </div> <script src="vue.js"></script> <script> new Vue({ el: '#app', data: { msg: 'message' }, // 修改插值表达式符号 delimiters: ['[[', '}}'], 两边符号用'符号' 差值的内容`, `来表示 }) </script>

来源:博客园

作者:小小咸鱼YwY

链接:https://www.cnblogs.com/pythonywy/p/11426052.html

Recommend