>[success] # Vue -- 插件 1. 通過下面的代碼形式為`vue `實例提供插件，向Vue全局添加一些功能時，會采用插件的模式 ~~~ import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可選的選項 */ }) ~~~ 2. 編寫插件執行兩種形式 * **對象類型**：一個對象，但是必須包含一個 `install `的函數，該函數會在安裝插件時行，**install 函數參數為當前vue 實例**； * **函數類型**：一個`function`，這個函數會在安裝插件時自動執行，**函數參數就是當前vue實例**； ~~~ // 安裝插件 // 方式一: 傳入對象的情況 app.use({ install: function(app) { console.log("傳入對象的install被執行:", app) } }) // 方式二: 傳入函數的情況 app.use(function(app) { console.log("傳入函數被執行:", app) }) ~~~ 3. 以vue-router 為例 就是利用注冊配合了 * 通過 `app.component()` 和 `app.directive()` 注冊一到多個全局組件或自定義指令。 * 通過 `app.provide()` 使一個資源可被注入進整個應用。 * 向 `app.config.globalProperties` 中添加一些全局實例屬性或方法 >[danger] ##### 場景 可以將一些需要 vue 實例組測的模塊直接使用use 注冊，例如定義全局指令時候，將全局指令提出的文件導入時候就可以使用注冊插件