Vue main.js 文件中全局组件注册部分

Posted 键盘侠

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue main.js 文件中全局组件注册部分相关的知识,希望对你有一定的参考价值。

 

main.js中修改如下:

首字母替换成大写,加上小写字母v开头。

import components from ‘./components/‘ //加载公共组件

Object.keys(components).forEach((key) => {
    var name = key.replace(/(w)/, (v) => v.toUpperCase())
    Vue.component(‘v‘+name, components[key])
})

 

以上是关于Vue main.js 文件中全局组件注册部分的主要内容,如果未能解决你的问题,请参考以下文章

vue引用并使用本地js(局部引用,全局引用)

Vue实战记录

注册全局组件和局部组件

Vue.js之组件嵌套

如何使用 vue-router 注册全局组件

Vue自动化注册全局组件脚本