Element ui组件库入口原理

vue组件库原理（element ui原理）

 

1.编写自定义vue组件

2.然后使用src/index.js来封装组件

 

import * as components from './components'

var VuePlugin = {}

VuePlugin.install = function(Vue, options) {

   for(let component in components) {

       Vue.component('yw'+component, components[component]);

   }

}

export default VuePlugin

 

 

暴露出一个对象，对象有一个install方法，于是可以被Vue.use调用

 

这个方法内部是把这些组件注册到Vue构造函数中