vue $set() 方法是用于在組件中動態地添加新的屬性或更改已有屬性。

Vue.set(obj, key, value)
vm.$set(obj, key, value)

Vue.set() 方法接收三個參數：要操作的對象，要添加/修改的鍵（屬性），要添加/修改的值。格式為：Vue.set(obj, key, value) 或 vm.$set(obj, key, value)，其中 obj 表示要操作的對象，key 表示要添加/修改的鍵（屬性），value 表示要添加/修改的值。需要注意的是，如果操作的對象是一個數組，那么 key 應該是數組的下標。

Vue.set() 方法的作用是：當我們需要在組件中動態添加新的屬性或更改已有屬性時，會遇到一個問題：如果直接對屬性進行賦值，那么這個屬性并不會觸發視圖更新，這時候就需要使用 Vue.set() 方法來手動觸發視圖更新。因為 Vue 實例中使用了 Observer 監聽屬性變化，而直接對屬性進行賦值并不會觸發這個監聽，而 Vue.set() 方法則可以通知 Observer 監聽到屬性變化并觸發相應的視圖更新。

下面是一個使用 Vue.set() 方法的示例：

data() {
return {
obj: {name: 'Tom', age: 18},
arr: [1, 2, 3]
}
},
methods: {
changeAttr() {
// obj 的 name 屬性被修改，但不會觸發視圖更新
this.obj.name = 'Jerry'
// 使用 Vue.set() 方法將 obj 的 gender 屬性添加到 obj 中，并觸發視圖更新
Vue.set(this.obj, 'gender', 'male')
// arr 中的第二個元素被修改，但不會觸發視圖更新
this.arr[1] = 4
// 使用 Vue.set() 方法將 arr 中的第四個元素添加到 arr 中，并觸發視圖更新
this.$set(this.arr, 3, 5)
}
}

在上面的示例中，我們通過修改 obj 的 name 屬性與 arr 的第二個元素并不會觸發視圖更新，而通過使用 Vue.set() 方法，手動將 obj 的 gender 屬性和 arr 中的第四個元素添加到 obj 和 arr 中并觸發視圖更新。