VUE 幾個常用的全域性API

2021-09-24 18:15:43 字數 657 閱讀 8197

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...