相信大家都有看过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);