What happens in vue.use

vue.use is used to register global plug-ins. It receives a function or an object containing the install attribute as a parameter; if the parameter contains install, install will be executed. If not, the parameter will be executed directly as install; and the first The parameters are always vue objects, and registered plug-ins will not be re-registered.

The operating environment of this tutorial: windows7 system, vue2.0 version, Dell G3 computer.

Related recommendations: "vue.js Tutorial"

Definition

vue.use() injects a plug-in globally , for global real-time use, no need to quote separately

Code understanding:

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

If you do not use vue.use, you must introduce it separately if you need to use it in the component

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

After understanding its basic use and function, let's take a look at what happens in vue.use

The source code is very small, so I directly excerpted it

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
}

Summary

vue.use() is used to register global plug-ins. It receives a function or an object containing the install attribute as a parameter. If the parameter contains install, install will be executed. If not, the parameter will be directly executed as install. The first parameter It is always a vue object, and registered plug-ins will not be re-registered.

The above is the detailed content of What happens in vue.use. For more information, please follow other related articles on the PHP Chinese website!