vue.use中發生了什麼

vue.use為註冊全域外掛程式所用，接收函數或包含install屬性的物件為參數；如果參數帶有install就執行install，如果沒有就直接將參數當install執行；並且第一個參數始終為vue對象，註冊過的插件不會重新註冊。

本教學操作環境：windows7系統、vue2.0版本、Dell G3電腦。

相關推薦：《vue.js教學》

定義

vue.use()往全域注入一個插件，供全域真接使用, 不需要單獨引用

程式碼理解:

import Router from 'vue-router'
// 入口文件全局注入vue-router, 从而可以在全局使用this.$route
Vue.use(Router)

如果不使用vue.use那麼需在元件中使用都得單獨引入

// a.vue
import Router from 'vue-router'
// b.vue
import Router from 'vue-router'

了解其基本使用及作用，我們來看一下vue.use中都發生了什麼

源碼很少，所以直接摘抄了

Vue.use = function (plugin: Function | Object) {
const installedPlugins = (this._installedPlugins || (this._installedPlugins = []))
if (installedPlugins.indexOf(plugin) > -1) {
return this
}
// additional parameters
const args = toArray(arguments, 1)
args.unshift(this)
if (typeof plugin.install === ‘function’) {
plugin.install.apply(plugin, args)
} else if (typeof plugin === ‘function’) {
plugin.apply(null, args)
}
installedPlugins.push(plugin)
return this
}

總結

vue.use()為註冊全域插件所用，接收函數或一個包含install屬性的物件為參數，如果參數帶有install就執行install, 如果沒有就直接將參數當install執行, 第一個參數始終為vue物件, 註冊過的插件不會重新註冊。

以上是vue.use中發生了什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！