vue中使用$set

• 实现点击了button之后禁用button，可以用如下方式：

<div>
    <el-button
        v-for="item in tags"
        :key="item"
        @click="select(item)"
        type="text"
        :disabled="item.disabled">
        {{item.name}}
    </el-button>
</div>
...

method: {
        select(tag) {
            this.$set(tag, 'disabled', true)
        }
}

• 例2：

 data () { 
  return {
      data1: {},
      data2: ''
  } 
}

改data1加一个属性x，那么就 this.$set(this.data1, 'x', val)
把data1的属性x赋值为y，那么就 this.$set(this.data1, 'x', 'y')

$set()这个方法是去响应式地赋值的

对于 data2，也可以直接 this.data2 = val；也可以this.$set(this.$data, 'data2', val)

这里的 this.$data是vue的内部变量