官方解釋
外掛程式通常用來為 vue 新增全域性功能。外掛程式的功能範圍沒有嚴格的限制——一般有下面幾種:
新增全域性方法或者屬性。如: vue-custom-element
新增全域性資源:指令/過濾器/過渡等。如 vue-touch
通過全域性混入來新增一些元件選項。如 vue-router
新增 vue 例項方法,通過把它們新增到vue.prototype
上實現。
乙個庫,提供自己的 api,同時提供上面提到的乙個或多個功能。如 vue-router
二、外掛程式的使用方法
通過全域性方法 vue.use() 使用外掛程式。它需要在你呼叫 new vue() 啟動應用之前完成:
// 呼叫 `myplugin.install(vue)`
vue.use(myplugin)
new vue()
為防止 多次註冊同乙個外掛程式: 我們可以傳遞乙個可選的物件
vue.use(myplugin, )
vue.use 會自動阻止多次註冊相同外掛程式,屆時即使多次呼叫也只會註冊一次該外掛程式。
注意點 :
vue.js 官方提供的一些外掛程式 (例如 vue-router) 在檢測到 vue 是可訪問的全域性變數時會自動呼叫 vue.use()。然而在像 commonjs 這樣的模組環境中,你應該始終顯式地呼叫 vue.use():
// 用 browserify 或 webpack 提供的 commonjs 模組環境時
var vue = require('vue')
var vuerouter = require('vue-router')
// 不要忘了呼叫此方法
vue.use(vuerouter)
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...
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...