使用Vue.use注册全局组件

我们一般使用的是Vue.components方法注册组件,使用Vue.use注册外部安装包

使用Vue.use注册全局组件,分为两种情况。

Vue.use(js对象/函数,参数),这里的第一个参数是导入过来的注册组件的文件。

1.当Vue.use的第一个参数是一个js对象,那么就需要用install方法,install方法中有两个参数,第一个参数就是Vue,第二个参数就是Vue.use方法的第二个参数

就是在上述图中向外导出的是个对象,因此在main.js文件中使用Vue.use注册该文件中的组件时需要导入且注册 

 上述方法就是全局第一种情况注册全局组件

2.就是当Vue.use的第一个参数是一个函数,这时候当使用vue.use注册的时候,被注册的函数就会被立即执行

当导出的是一个函数的时候 ,Vue.use接收的第一个参数就是一个函数。

上述就是,当Vue.use的第一个参数是一个函数时注册全局组件的方法。

其实上述两种注册的方法可以简述为:

1.创建注册组件文件 

2.引入需要被全局注册的组件

3.根据你的需求,使用对象或者函数注册

4.在main.js文件中引入该文件

5.使用Vue.use注册

由此我们可以比对一下,我们注册ElementUI和Router以及Vuex的时候我们都是引入然后注册就可以全局使用了,这里使用的就是这种方法,只不过是他们内部做了一些我们不知道的操作。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值