什麼是vue外掛程式,vue外掛程式怎麼使用?

2021-10-02 05:34:23 字數 913 閱讀 5402

官方解釋

外掛程式通常用來為 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...