Vue main.js 文件中全局組件注冊部分

 

在 \src\components\index.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])
})