Vue-------響應數據變化

1. 對象的響應數據變化

        <div id="app">
            <h1>{{msg}}</h1>
            <h2>{{person.name}}</h2>
        </div>

        let vm = new Vue({
            el:'#app',
            data:{
                msg:'hello',
                person:{

                }
            }
        })

如上代碼所示，未給person對象添加屬性name,現要在外部添加name屬性並賦值。

靜態方法是掛載在函數上的方法，調用的時候通過函數調用

原型上的方法,需要通過實例調用

a.調用Vue的靜態方法set ,語法Vue.set(taget,prop,value)

Vue.set(vm.person,'name','我叫pika')

b.調用實例方法，與靜態方法一致

vm.$set(vm.person,'name','我叫pika')

2. 數組的響應數據變化

a)、 提供觀察數組的變異方法，使用這些方法將會觸發視圖更新

        push()、pop()、shift()、unshift()、splice()、sort()、reverse()

b)、不能觸發視圖更新

       利用索引直接設置一個項時

        vm.list[0] = 1000;  //更改不了
        vm.list.splice(0,1,1000)  //可以更改

       修改數組長度時