$set是Vue中一個重要的對象,它可以動態地給Vue對象添加屬性或修改已有屬性的值。在使用Vue時,我們經常需要操作Vue對象來驅動視圖的變化,而$set就是Vue提供的便捷工具。
語法如下:
Vue.set(對象, 屬性名, 屬性值)
使用$set的例子:
// 定義Vue對象 var vm = new Vue({ data: { passenger: { name: 'Lucy' } } }) // 修改passenger的name屬性,這樣做無法觸發視圖更新 vm.passenger.name = 'Lily' // 使用$set修改passenger的name屬性 Vue.set(vm.passenger, 'name', 'Lily')
通過使用$set,我們可以實現Vue對象中屬性的響應式更新,這是Vue前端框架中非常重要的一部分。在實際項目中,我們經常使用$set來動態管理Vue對象,為用戶提供更好的視覺體驗。