整理自定义常用组件统一注册到vue全局的方法

一,统一目录下封装好组件 整理自定义常用组件统一注册到vue全局的方法_第1张图片
二,统一到一个index.js文件中导出,

import modal from '@cs/modal/'	
import vHead from '@cs/header/'		// head
const views = {
	modal,
	vHead,
}

const install = function(Vue){
	Object.keys(views).forEach((key) => {
		Vue.component(key,views[key])
	})
}

const API = {
	install
}

export default API;

三,统一在入口js,中注册完成

import my_UI from '@cs/index.js'
Vue.use(my_UI)

你可能感兴趣的:(整理自定义常用组件统一注册到vue全局的方法)