vue会监视data中所有层次的数据
1如何监测对象中的数据
通过setter实现,切要在new Vue时就传入要监测的数据
1对象中后追加的属性,Vue默认不做响应式处理
2如果给后添加的属性做响应式,请使用如下API
Vue. set(target, propertyName/index, value) 或者
vm.$set(target, propertyName/index, value)
如何检测数组中的数据?
通过包裹数组更新元素的方法实现,本质就是做了两件事;
1调用原生对应的方法对数组进行更新
2重新解析模板,进而更新页面
在Vue修改数组中的某个元素一定要用如下方法
1.使用这些API:push(),pop(),shift(),unshift(),splice(),sort(),reverse()
2.Vue。set()或者vm.$set()
特别注意:vue,set()和vm.$set()不能给vm或者vm的根 数据对象添加属性
例如不能在data里面添加根或者vm里面添加
new Vue=({
el:'#root'
data:{
keyWord:'',
persons:[
{id;"001"name:"张三",age:20},
{id;"002"name:"张",age:21},
{id;"003"name:"三",age:23}
],
filperons:[]
}
}
})