vue中自己新建的组件怎么使用

解决方法:

1.在 srccomponents中新建一个index.js文件

内容:

import AA from './AA'
import BB from './BB'
import CC from './CC'

export default {
    AA,
    BB,
    CC,
}

2.在main.js文件中添加以下内容

import components from './components/' //加载公共组件
Object.keys(components).forEach((key)=>{
  var name = key.toString()
  Vue.component(name,components[key])
})

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

原文地址:https://www.cnblogs.com/dagongren/p/14142380.html