007 讀書筆記 Vue官網 外掛程式

2021-09-14 06:35:11 字數 924 閱讀 7974

需要注意的點:

定義乙個對外公開的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...