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)
}
第一个参数:改变的对象
第二个参数:改变的对象中的属性
第三个参数:改变的属性值
posted @ 2019-10-22 09:30  写手在作画  阅读(4692)  评论(2编辑  收藏  举报