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

在 srccomponentsindex.js 文件中export组件

import HeaderList from './HeaderList'
import HeaderMenu from './HeaderMenu'
import HeaderPatient from './HeaderPatient'
import ExitUser from './ExitUser'
import TreePanel from './VueTree'
import TreeTable from './pc/TreeTable'

import TinymceText from './Tinymce'

export default {
    HeaderList,
    HeaderMenu,
    HeaderPatient,
    ExitUser,
    TreePanel,
    TreeTable,
    TinymceText,
}

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])
})
原文地址:https://www.cnblogs.com/xtjatswc/p/10316065.html