1. extend
vue.extend(options) : options # 建立元件的建構函式為了復用
通過vue.extend 原始碼分析下來, extend 是擴充套件繼承了父類的屬性,方法 (深度複製)。
擴充套件父類規則:
* 子元件和父元件的生命週期事件會合併在乙個陣列裡。父元件在前子元件在後。
* 子元件和父元件的watchers會合併在乙個陣列裡。父元件在前,子元件在後。
* mergeassets(filters, components, directives) // 合併覆蓋順序
* 首先會在子元件裡查詢,如果沒有,會沿著原型鏈向上,找父元件中對應的屬性。
* data 合併規則: 無重複的屬性保留;同名的覆蓋(同名子元件覆蓋父元件);
例項:
import loadingcomponent from '***x/***/loading.vue'
const loadingplugin = vue.extend(loadingcomponent)
let $vm = new loadingplugin()
// 訪問/設定 父元件中的屬性,方法
$vm.[繼承擴充套件元件內this.屬性名] = ***x
未完待續... vue中幾個我常用的全域性API
在使用vue框架做前端開發時,時長會對資料做些動態處理,以下是我最常用的幾個vue全域性api 1.vue.set 為物件新增屬性 官方解釋 向響應式物件中新增乙個屬性,並確保這個新屬性同樣是響應式的,且觸發檢視更新。它必須用於向響應式物件上新增新屬性,因為 vue 無法探測普通的新增屬性 使用方式...
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...