前端如何将自定义组件注册到全局

前言

一、理论

1.在components目录下新建index.js

2.导入已经写好的自定义组件

import selfComponent from './SelfComponent/index.vue'
1

3.对自定义组件进行全局注册

const customize = {
  install(Vue) {
    Vue.component('SelfComponent', SelfComponent)
  }
}
export default customize
1
2
3
4
5
6

4.在main.js中进行导入

import customize from './components/index'
Vue.use(customize)
1
2

5.vue文件中进行使用

二、企业级实战中的使用

1.在components目录下新建index.js

2.导入已经写好的自定义组件

3.对自定义组件进行全局注册

4.在main.js中进行导入

5.vue文件中进行使用

总结

理论+实践 = 真知