此方法可以封装自己的组件库
- 在src目录下新建modules-->index.js + components 文件夹
- index.js 文件内容如下
// 导入组件
import YyButtons from './components/yy-button.vue'
import YyInput from './components/yy-input.vue'
const components = [
YyButtons,
YyInput
]
const YyUI = {
// 当我们使用Vue.use()时会执行install();install() 是特定的
// 将注册组件的方法放入 install方法中
install (Vue) {
// 便利组件数组,注册组件
components.forEach(component => {
Vue.component(component.name, component)
})
}
}
export default YyUI
- 在main.js中注册组件库
import YyUI from './modules/index'
Vue.use(YyUI)
- 在项目中使用组件
<template>
<div>
<yy-button>测试组件</yy-button>
</div>
</template>