Vue中的循環以及修改差值表達式

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>