Vue 的 set 方法是用來更新 Vue 實例中的數據的。它可以用于設置某個對象上的某個屬性，并觸發響應式更新。當我們需要動態修改 Vue 實例中對象的值時，set 方法是一種非常方便的工具。

// 示例對象
let obj = {name: 'Alice', age: 18}
// Vue 實例
new Vue({
el: '#app',
data: {
obj: obj
},
methods: {
updateName() {
this.$set(this.obj, 'name', 'Bob')
},
updateAge() {
this.obj.age = 20
}
}
})

上面的示例中，我們創建了一個對象 obj，然后將其賦值給 Vue 實例的 data 中的 obj 屬性。在 Vue 實例的 methods 中，我們定義了兩個函數來更新這個 obj 對象的值：updateName 和 updateAge。其中，updateName 使用了 Vue 的 set 方法來更新 obj 中的 name 屬性，而 updateAge 直接修改了 obj 的 age 屬性。

// 示例數組
let arr = [1, 2, 3]
// Vue 實例
new Vue({
el: '#app',
data: {
arr: arr
},
methods: {
updateIndex1() {
this.$set(this.arr, 1, 4)
},
updateIndex2() {
this.arr[2] = 5
}
}
})

除了對象，Vue 的 set 方法同樣適用于數組。我們也可以在數組中設置某個索引上的值來觸發響應式更新。在上面的示例中，我們創建了一個數組 arr，然后將其賦值給 Vue 實例的 data 中的 arr 屬性。在 Vue 實例的 methods 中，我們定義了兩個函數來更新這個 arr 數組的值：updateIndex1 和 updateIndex2。其中，updateIndex1 使用了 Vue 的 set 方法來更新 arr 中的第二個元素（索引為1），而 updateIndex2 則直接修改了 arr 的第三個元素（索引為2）。

Vue.set(vm.obj, 'nestedProp', 123)

在 Vue 實例中，我們還可以使用 Vue 的全局 set 方法，對任意對象或數組進行動態設置屬性。這個方法跟 $set 方法的作用是一樣的，不同的是它不需要在實例中使用 $ 符號。

在使用 Vue 的 set 方法時，我們需要注意以下幾個方面：

• Vue 的 set 方法只能添加新屬性，不能刪除或修改已有屬性的值。如果需要刪除或修改屬性的值，應該直接使用普通的 Javascript 語法。
• 在使用 $set 方法動態添加新屬性時，如果屬性的值是一個對象或數組，它也將是響應式的。這意味著我們可以像普通的 Vue 數據一樣對其進行修改，并觸發相應的更新。
• 如果 Vue 實例中的數據是一個嵌套的對象或數組，我們需要使用 $set 方法來對嵌套屬性進行動態設置。直接修改嵌套屬性的值可能無法觸發響應式更新。

綜述來說，Vue 的 set 方法是一個非常方便的工具，可以用于動態修改 Vue 實例中對象的值，并觸發響應式更新。在使用 set 方法時，我們需要注意遵循一些使用規范，以確保響應式的正確性。