vue中幾個我常用的全域性API

2022-04-01 20:54:52 字數 775 閱讀 2496

在使用vue框架做前端開發時,時長會對資料做些動態處理,以下是我最常用的幾個vue全域性api

1.vue.set() 為物件新增屬性;

官方解釋:向響應式物件中新增乙個屬性,並確保這個新屬性同樣是響應式的,且觸發檢視更新。它必須用於向響應式物件上新增新屬性,因為 vue 無法探測普通的新增屬性;

使用方式:vue.set(target,propertyname,value) 

2.vue.delete() 刪除物件的屬性

官方解釋:刪除物件的屬性。如果物件是響應式的,確保刪除能觸發更新檢視。這個方法主要用於避開 vue 不能檢測到屬性被刪除的限制,但是你應該很少會使用它。

使用方式vue.delete(target,propertyname,value) 

3.vue.nexttick()

官方解釋:在下次 dom 更新迴圈結束之後執行延遲**。在修改資料之後立即使用這個方法,獲取更新後的 dom。

使用方式:vue.nexttick(function(){})

個人理解:只要需要對資料做修改,而又需要試圖實時更新

VUE 幾個常用的全域性API

1.extend vue.extend options options 建立元件的建構函式為了復用 通過vue.extend 原始碼分析下來,extend 是擴充套件繼承了父類的屬性,方法 深度複製 擴充套件父類規則 子元件和父元件的生命週期事件會合併在乙個陣列裡。父元件在前子元件在後。子元件和父元...

vue 的全域性API

vue 的全域性api 在構造器外部用vue提供給我們的api函式來定義新的功能 自定義的指令 vue.directive 自定義指令中傳遞的3個引數 el 指令所繫結的元素,可以用來直接操作dom。binding 乙個物件,包含指令的很多資訊。vnode vue編譯生成的虛擬節點 vue.dire...

vue的全域性api

vue.extend vue基本構造器 vue.nexttick 非同步重新整理佇列 vue.set 全域性設定響應資料必須要放入data const a vue.set a,b 2 data vue.delete 全域性刪除 基於物件採用object.assign 與陣列vue.set vue.d...