$set是Vue.js中一個重要的方法。它主要用于動態給一個對象或數組添加新的屬性或元素，通過這個方法可以讓Vue.js能夠監測到數據的變化，從而及時更新視圖。

在Vue.js中，如果在data內部定義了一個對象或數組，那么Vue.js默認會對這個對象或數組的所有屬性或元素進行監測，在數據發生變化時，自動更新視圖。但是，如果我們在運行時動態添加了一個屬性或元素，Vue.js就不會監測到這個變化，從而無法及時更新視圖。此時，我們就可以使用$set方法來手動觸發Vue.js的監測過程，以便及時更新視圖。

// 示例1：動態添加對象屬性
data: {
user: {
name: 'John',
age: 18
}
},
mounted() {
this.$set(this.user, 'sex', 'male')
}
// 示例2：動態添加數組元素
data: {
todos: [
{ text: 'Learn Vue.js' },
{ text: 'Build a web app' }
]
},
mounted() {
this.$set(this.todos, 2, { text: 'Publish to GitHub' })
}

以上是兩個簡單的示例，我們可以在mounted鉤子函數中使用$set方法動態添加對象屬性或數組元素。需要注意的是，$set方法的第一個參數是要添加屬性或元素的對象或數組，第二個參數是要添加的屬性或元素的名字或索引號，第三個參數是要添加的屬性或元素的值。通過這個方法添加的屬性或元素，都會被Vue.js監測到，并及時更新視圖。

總之，$set是Vue.js中非常重要的一個方法，它提供了手動觸發Vue.js的監測過程的功能，使得Vue.js能夠自動更新相關視圖。在實際開發中，我們經常需要動態添加屬性或元素，因此掌握$set方法的使用非常重要。