<!-- v-for的使用 -->
    <div id="app7">
    // 對數(shù)組進(jìn)行循環(huán)
        <template v-for="(item,index) of list" :key="item.id">
            <div>
                {{item.text}} ---- {{index}}
            </div>
            <span>
                {{item.text}} ---- {{index}}
            </span>
        </template>
        //對對象進(jìn)行循環(huán)
        <template v-for="(item,index,key) of obj">
            <div>
                {{item}} ---- {{index}}-----{{key}}
            </div>
        </template>
    </div>

    <script>
            var app7 = new Vue({
            el: '#app7',
            data: {
                list: [
                    {
                        id: "1",
                        text: '1'
                    },
                    {
                        id: "2",
                        text: '2'
                    },
                    {
                        id: "3",
                        text: '3'
                    },
                ],
                obj: {
                    name: 'mao',
                    age: 28,
                    address: 'liulin'
                }
            }
        })
    </script>

? <div id="root">
? ? {{title}}
? ? <my-header></my-header>
? ? {{list}}
? ? {{obj}}
? </div>
? <div id="app">
? ? {{title}}
? </div>

? <script>
? ? // 全局定義的組件
? ? Vue.component('my-header', {
? ? ? template: `
? ? ? ? <header>title</header>
? ? ? `
? ? })
? ? // 實例化Vue
? ? var vm = new Vue({
? ? ? el: '#root',
? ? ? data: {
? ? ? ? title: 'hello',
? ? ? ? list: ['a', 'b'],
? ? ? ? obj: {
? ? ? ? ? x: 0
? ? ? ? }
? ? ? }
? ? })
? ? var vm2 = new Vue({
? ? ? el: '#app',
? ? ? data: {
? ? ? ? title: 'world'
? ? ? }
? ? })
? </script>

vm.$set(target, propertyName/index, value)//實例化一個vue，試用貼set屬性改變對應(yīng)的value值
Vue.set(target, propertyName/index, value)//直接使用vue的屬性，要與實例化vue方法區(qū)分，這個沒有$
vm.$forceupdate()