认识Vue.use与install方法

相信大家都有看过vue的文档啦,在这里做个笔记,嘻嘻嘻,理解不对的,请多多指教

下面直接看代码吧!!!(其实element-ui的组件就是这样子引入的呢)

import Vue from 'vue';
imoprt ElementUI from 'element-ui';

// 可以去看element的源码,也是执行了内部的一个install的方法,
// 注册组件是在install的方法体内实现的
Vue.use(ElementUI);
// import引用进来的组件
import yyTest from './yyTest.vue'
// 组件名称 yyTest(可以自己随意命名,一般都是跟引入进来的组件同名)

const test = {
	install: function(Vue) {
		console.log('我被调用执行了呢');
		// Vue.component全局注册组件的方法,第一个参数为组件名,第二个参数为引入进来的组件
		Vue.component('yyTest', yyTest);
	}
}

// 这里调用的test,实际是执行了内部的install方法
Vue.use(test);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值