0828自我總結 一.Vue中的迴圈 常見的4總情況 二.Vue中的分隔符(修改差值表達式) 舉個例子 html [[ msg }} new Vue({ el: ' app', data: { msg: 'message' }, // 修改插值表達式符號 delimiters: ['[[', '}} ...
0828自我總結
一.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>
