自定义组件

因为打算写一个自己的UI框架，所以在这里记录一下原理。

实例

button.vue 目录： packages/button/src/button.vue

index.js 目录：packages/button/index.js

import ICEButton from './src/button'

export default ICEButton

ui.js

import Vue from 'vue'
import ICEButton from './packages/button'

const conponents = [
  ICEButton
]

conponents.map(component => {
  Vue.component(component.name, component)
})

export {
  ICEButton
}

export default {
  conponents
}

全部加载

// main.js

import ICEMANUI from './ui'

Vue.use(ICEMANUI )

按需加载

import Vue from 'vue'

import {
  ICEButton
} from './ui'

Vue.use(ICEButton)