统一注册vue自定义共用的组件的方法

本文主要是介绍统一注册vue自定义共用的组件的方法，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

一，统一目录下封装好组件，一般是components下header/index这样。

二，统一到一个js文件中导出，可以在components/common.js 统一去引入共用的组件（当然Vue肯定是要引入的）

写法： import header from '@/components/header' ... 这样将需要共用的组件统一引入进入

const views = {

header,

}

const install = function(Vue){

Object.keys(views).forEach((key) => {

Vue.component(key,views[key])

})

}

const API = {

install

}

export default API;

三，最后在vue入口main.js去注入就可以了

import myUI from '@/components/common.js'

Vue.use(myUI)

即完成了vue中全局的组件统一注册，不用再单独引入就可以直接在vue组件里直接使用了。

点击查看更多内容

这篇关于统一注册vue自定义共用的组件的方法的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

Javascript