vue3 element-plus 全局注册组件

1、首页要在要全局注册的组件下创建一个index.ts文件

vue3 element-plus 全局注册组件_第1张图片

 以上文件主要都要创建

2、各个组件下的ts文件内容

import type { App } from 'vue'
// 引入各自的组件
import IconSelect from './index.vue'

export default {
  install(app: App) {
    app.component('icon-select', IconSelect)
  },
}

3、components下的ts文件的内容

import type { App } from 'vue'
// 引入各自的ts文件
import IconSelect from './iconSelect'
import MyArea from './myArea'

const componets = [IconSelect, MyArea]

export default {
  install(app: App) {
    componets.forEach((item) => {
      app.use(item)
    })
  },
}

4、main.ts中需要做的事情

vue3 element-plus 全局注册组件_第2张图片

以上便是全局组件注册的过程,当然这不是最好的方式,但是确实可以用的上的的方式,以后学到更多再做跟进,欢迎大佬们批评指正,谢谢 

你可能感兴趣的:(组件封装,vue.js,javascript,前端)