Vue中的this.$set()
当我按下play,穿梭在大街小巷,没什么不对,每个人都会只是你自己在束缚自己。快来做个一等一的player,要求自己不能够太普通一定必须要去做点成就。
这东西是干什么的?主要作用是什么?浏览了朋友的博客后发现的作用
官方文档:https://cn.vuejs.org/v2/api/#Vue-set
举一个简单的例子:
data () { return { student: { name: '', age: '' } } },
mounted () { this.student.age = 24 }
众所周知,直接给student赋值操作,虽然可以新增属性,但是不会触发视图( 页面 )更新
原因是:vue.js的属性必须在 data 对象上才能让 Vue.js 转换它,才能让它是响应的。这里就可以使用this.$set了
this.$set()的正确写法和使用
mounted () { this.$set(this.student,"age", 24) }
第一个参数:改变的对象
第二个参数:改变的对象中的属性
第三个参数:改变的属性值