vue 监测数据改变的原理,添加属性

vue 监测数据改变的原理,添加属性

概况就是vue帮我们处理了,data的数据,加了get和set在生成虚拟dom模板之前,
开始做data数据的生成,get,set

vue 提供的api :
Vue.set(vm._data.student,‘key’,‘val’)
vm.$set(vm._data.student,‘key’,‘val’)
这两个方法,只能给data里的对象增加属性,
不能给data添加新的属性
在这里插入图片描述
在这里插入图片描述

v-if 判断 有值true 无值,false

在这里插入图片描述

vue 监测数据改变的原理-数组

在这里插入图片描述
this.persons.splice(0,1,{id:‘004’,name:‘马老师’,age:50,sex:‘男’})
数组下标开始 0 下标结束1

操作数组的方法:

push 最后添加
pop 删除最后
shift 删除第一个
unshift 开头添加一个
splice 指定位置,删除添加替换
sort 排序
reverse 反转

vue调用的push也是原生的array.prototype.push,但是,调用vue的push他会做模板解析,否则没有

在这里插入图片描述

在这里插入图片描述

操作数组的方法:

push 最后添加
pop 删除最后
shift 删除第一个
unshift 开头添加一个
splice 指定位置,删除添加替换
sort 排序
reverse 反转

总结

在这里插入图片描述

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值