Vue中$set的用法

131 阅读1分钟
  • 向响应式对象中添加一个属性,且触发视图更新,将某个没有写在data中的数据变成响应式数据 

    用法
    Vue.set( target, propertyName/index, value )
    
    {Object | Array} target
    {string | number} propertyName/index
    {any} value
    
  • 一共有三个参数,第一个是data中的哪个数据,第二个是新增的数据key,第三个是value

  •  就比如这个,person中只有name这个数据,使用this.$set(this. person, 'age ' , 20),就在person中增加了age这个属性了