Vue2.0源码解析 - 知其然知其所以然之Vue.use

本文深入解析Vue2.0中Vue.use的源码,揭示当使用Vue.use注册组件库如ElementUI时,如何实现全局组件注册。通过分析Vue.use的内部逻辑,了解其实质是执行plugin或plugin.install函数,实现组件的注册与避免重复注册。
摘要由CSDN通过智能技术生成

前言

小伙伴们大家好。用过Vue的小伙伴都知道,在我们进行Vue开发时,避免不了会使用一些第三方的库,比如说ElementUI组件库。当我们导入好这些组件库后会执行一个Vue.use函数,然后把导进来的组件库作为参数传给该函数。这样就可以在任何页面中都可以随意的使用组件库中的各种组件了。
如果不去执行Vue.use函数,那么即使组件库被导进来,那么内部的组件还是无法使用的。小伙伴们有没有想过这是为什么呐,Vue.use函数的原理又是什么呢,在它的内部都做了什么?接下来我们就为大家来一一解答。

Vue.use的使用

下面我们还是以ElementUI组件库为例来简单回顾一下Vue.use的使用,看下面代码:

import {
   ElementUI} from 'element-ui';
Vue.use(ElementUI);
<div>
	<el-button type='primary'>按钮
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值