vue里想后追加一个数据并且是响应式的(有get和set)

6 篇文章 0 订阅

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:[]
}

}

})



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值