vue.use有什么作用

這篇文章將為大家詳細講解有關vue.use有什么作用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

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

定義

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有什么作用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。