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

Vue通过在data上设置get和set来监测数据变化,Vue.set和vm.$set用于安全地添加属性。对于数组,Vue监听不了直接修改数组索引或length的操作,但提供了如push等方法,这些方法内部会触发视图更新。
摘要由CSDN通过智能技术生成

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 反转

总结

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值