Vue可復用性（4）外掛程式 Plugin

外掛程式通常用來為 vue 新增全域性功能。外掛程式的功能範圍沒有嚴格的限制——一般有下面幾種：

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

// 呼叫 `myplugin.install(vue)`
vue.
use(myplugin)
newvue
()

也可以傳入乙個可選的選項物件：

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)

vue.js 的外掛程式應該暴露乙個 install 方法。這個方法的第乙個引數是 vue 構造器，第二個引數是乙個可選的選項物件：

myplugin.
install
=function
(vue, options)
// 2. 新增全域性資源
vue.
directive
('my-directive'
,...})
// 3. 注入元件選項
vue.
mixin
(...})
// 4. 新增例項方法
vue.prototype.
$mymethod
=function
(methodoptions)
}

完整例子：

v-my-directive
>
v-on:click
="onpressme"
>
click mebutton
>
div>

var myplugin =
;myplugin.
install
=function
(vue,options)
vue.
directive
('my-directive',}
)    vue.
mixin(}
)    vue.prototype.
$mymethod
=function
( methodoptions )
}vue.
use(myplugin)
;new
vue(
,    methods:}}
)

可復用性 Reusability

1.2模組類和介面 1.3庫 api 1.4架構框架framework 2.可重用性的外部表現可復用性是軟體構造過程中乙個重要的外部質量指標。對經過充分測試的程式進行復用可以利用其高可靠性穩定性適應性，並可降低成本以及開發時間。源可見，直接複製並進行修改。需要對源內部結構設計思路充分...

軟體的可復用性

軟體復用就是利用已有的軟體元件來實現或更新新的軟體系統。軟體復用可以大幅度的節省新軟體的開發時間和開發成本。譬如，如果你想造一輛超級跑車，那麼給你法拉利，邁的圖紙，會不會感覺任務變得更輕鬆了呢。軟體復用讓我們的任務由從0到1簡化成了從1到2，這就是乙個質的飛躍。畢竟我們都知道，改進遠比創造要容易的...

Vue可復用的過渡

過渡可以通過 vue 的元件系統實現復用。要建立乙個可復用過渡元件，你需要做的就是將或者作為根元件，然後將任何子元件放置在其中就可以了。使用template的簡單例子 vue.component my special transition afterenter function el 函式式元件更適...

Vue可復用性（4）外掛程式 Plugin

可復用性 Reusability

軟體的可復用性

Vue可復用的過渡

相關推薦