vue $set使用

Vue.js是一个MVVM框架，它通过数据绑定来实现视图和数据的同步。在Vue.js中，当我们需要动态添加一个属性到一个已经创建的对象上时，Vue.js并不会检测到这个变化，因为Vue.js在初始化实例时对属性进行了预处理，所以新添加的属性不会被观察到。这时候我们就需要使用Vue.js提供的$set方法来解决这个问题。

$set方法是Vue.js实例的一个方法，它可以用来向一个已经创建的对象添加一个新的属性，并且能够触发视图的更新。$set方法的语法如下：

this.$set(object, propertyName, value)

其中，object是要添加属性的对象，propertyName是要添加的属性名，value是要添加的属性值。

举个例子，假设我们有一个data对象，它包含一个数组list和一个对象userProfile：

data: {
  list: [1, 2, 3],
  userProfile: {
    name: 'Tom',
    gender: 'male'
  }
}

如果我们想要向userProfile对象中添加一个age属性，我们可以使用$set方法：

this.$set(this.userProfile, 'age', 27)

这样就可以向userProfile对象中添加一个age属性，并且能够触发视图的更新。