vue 15 自定義外掛程式

2021-10-21 15:20:38 字數 533 閱讀 5962

外掛程式通常會為 vue 新增全域性功能,一般是新增全域性方法/全域性指令/過濾器等

vue 外掛程式有乙個公開方法 install ,通過 install 方法給 vue 新增全域性功能

通過全域性方法 vue.use() 使用外掛程式,它需要在你呼叫 new vue() 啟動應用之前完成.

案例演示

開發外掛程式

(function()

myplugin.install = function (vue, options)

// 2. 新增全域性指令

vue.directive('my-directive',

})// 3. 新增例項方法 new vue()

vue.prototype.$mymethod = function (value)

}//將外掛程式新增 到 window物件

window.myplugin = myplugin

})()

使用外掛程式

自定義Vue外掛程式

在vue專案中,需要用到公共的方法時,可以將這些方法寫在外掛程式裡。在外掛程式裡可以自己定義全域性的變數,過濾器 指令 例項上的方法等。使用外掛程式可以為vue新增全域性功能,包括全域性方法或屬性 全域性資源 指令 過濾器 過渡等 通過全域性mixin方法新增一些元件選項 新增例項方法 新增庫 目前...

自定義Vue外掛程式

今天咱們來玩一下vue中的自定義元件,此案例直接通過script引入js的形式定義元件 我是簡單的寫了乙個彈出框的小外掛程式 css樣式 這就不需要解釋了吧,強擼 html結構 元件核心js var alert 此處的install方法 是vue中規定好的 alert.install functio...

vue 自定義外掛程式

最近要在乾坤袋裡面加開發三個全域性元件,所以來學習下這部分的知識 一 外掛程式和元件的區別 元件 是對 某功能 或者 某模組 的封裝 比如 loading toast 等 外掛程式 是對一系列元件的封裝 比如 vuex vue router 外掛程式裡面可以有很多元件 外掛程式與元件的關係 外掛程式...