需要注意的點:
定義乙個對外公開的install方法
install方法有兩個引數:第乙個引數vue的構造器,第二個引數是乙個可選的物件
// myplugin.js
let myplugin = {}
/** * install 必須,外掛程式對外公開的方法
* vue vue構造器
* options 可選引數,是乙個物件
*/myplugin.install = function (vue, options)
// 2. 新增全域性資源:指令/過濾器/過渡等
vue.directive('my-directive',
})// 3. 注入元件,通過全域性 mixin 方法新增一些元件選項
vue.mixin(
})// 4. 新增例項方法,通過把它們新增到 vue.prototype 上實現
vue.prototype.$mymethod = function (methodoptions)
}export default myplugin
在需要使用自定義外掛程式的檔案中引入並通過vue.use
使用:
import vue from 'vue'
import myplugin from './myplugin.js'
vue.use(myplugin) // 使用外掛程式
// vue.use(myplugin, ) // 使用外掛程式,傳入引數
使用自定義外掛程式中的內容:
vue.myglobalmethod()
let vm = new vue()
vm..$mymethod()
讀書筆記 007《青鳥》
幸福並不那麼遙遠,幸福就在我們的身邊,然而大多數人從生到死,始終沒有享受過身邊的幸福。梅特林克 比利時 故事簡介 樵夫的兒子狄狄和女兒美狄在聖誕節前夜夢見了仙女,她要兩個孩子外出給她生病的外孫女尋找青年。兄妹倆用仙女賜予的魔鑽石,召來了麵包 糖 火 水和貓狗等的靈魂。在光的引導下,他們相繼到記憶之鄉...
HeadFirst設計模式 讀書筆記 007
外觀模式 提供了乙個統一的介面,用來訪問子系統中的一群介面或者乙個很大的介面,總之外觀模式的目的是簡化並統一其他的介面。與介面卡不同的是,它不會修改其他的介面,只是將客戶從乙個複雜的子系統中解耦出來。當使用者需要開啟所有家電的時候,只需要呼叫homeelectronicscontroller的tur...
Vue 開發讀書筆記
1.node.js安裝成功後 在鍵盤按下 win r 鍵,輸入cmd,然後回車,開啟cmd視窗,輸入node v和npm v即可顯示當前安裝的版本號,即表示安裝成功 2.安裝cnpm npm install g cnpm registry 然後等待。3.安裝vue cli 命令 npm instal...