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

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

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

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

vue.
use(myplugin)
newvue
()

vue.

use(myplugin,
)

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)

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 函式式元件更適...