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

解决方法:

1.在 \src\components\中新建一个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 文件中全局组件注册部分

 

posted @ 2020-12-16 09:57  打工人001  阅读(189)  评论(0编辑  收藏  举报