this.$set的用法

作用:

在data里面绑定的数据具有响应式的效果,也就是我们说的V-Model 数据更新视图,视图也能更新数据,如果不是data里面的数据如何添加响应式呢?

this.$Set这个方法能够实现

用法:

this.$Set('要添加的对象','要添加的属性’,要添加的值)

代码案例(使用this.$set):






过程:在data里面绑定一个对象,通过点击按钮2,在里面加一个age属性,将年龄设置成20岁:

this.$set的用法_第1张图片

出现响应式

代码案例(不使用 this.$set)






直接通过     this.obj.age = 20; 添加页面未出现响应式的效果。

你可能感兴趣的:(Vue,前端,javascript,vue.js)