vue.use()和install方法

此方法可以封装自己的组件库

  1. 在src目录下新建modules-->index.js + components 文件夹
  2. 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
  1. 在main.js中注册组件库
import YyUI from './modules/index'
Vue.use(YyUI)
  1. 在项目中使用组件
<template>
	<div>
		<yy-button>测试组件</yy-button>
	</div>
</template>
上一篇:vant下拉单选


下一篇:2021-03-16-vue项目整合网页端框架element-ui,整合手机端框架vant操作步骤