vue3 element-plus 全局注册组件

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

 以上文件主要都要创建

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中需要做的事情

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ZL随心

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值