vue.use有什么作用-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

vue.use有什么作用-创新互联

这篇文章将为大家详细讲解有关vue.use有什么作用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联-专业网站定制、快速模板网站建设、高性价比宜宾网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式宜宾网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖宜宾地区。费用合理售后完善,十载实体公司更值得信赖。

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有什么作用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


网站标题:vue.use有什么作用-创新互联
本文网址:http://kswsj.cn/article/coiops.html

其他资讯