vue開發外掛程式

1 新建plugin.js,檔案內容如下

import name1 from './name1.vue'

let myplugin={}
myplugin.install =function (vue, options) 
//2. 新增全域性資源
vue.directive('
my-directive', 
...})
//3. 注入元件選項
vue.mixin(
...})
//4. 新增例項方法
vue.prototype.$mymethod =function (methodoptions) 
vue.component(name1.name,name1)是元件name1的name屬性(這個是註冊全域性元件，以後不需要引入，直接就可以用)
}export 
default myplugin;

2 在main.js中引入

import myplugin from

'./plugin/plugin.js
'vue.use(myplugin)

至此，方式屬性已經全域性引入，在vue頁面可以使用

vue外掛程式開發

vue外掛程式開發主要是用來實現一些全域性方法或者全域性物件。vue的外掛程式要求是實現乙個install公開方法。其中此install方法的第乙個入參是vue構造器，第二個入參是 是乙個可選的選項物件。一 開發 以乙個alert的彈窗外掛程式為示例，alert.js 具體 如下 定義乙個全域性變數...

Vue 外掛程式開發

vue.js 的外掛程式應當有乙個公開方法 install 這個方法的第乙個引數是 vue 構造器 第二個引數是乙個可選的選項物件 myplugin.install function vue,options vue.directive my directive vue.mixin vue.proto...

npm外掛程式開發 Vue外掛程式

vue init webpack npm vue ui,dependencies browserslist 1 last 2 versions not ie 8 devdependencies const path require path const webpack require webpack...