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) //可以更改
修改數組長度時