test-web/src/main.ts

import 'babel-polyfill';
//#pragma warning(disable:18)
import { createApp, createVNode } from 'vue'
import App from './App.vue'
import router from './router/index' //路由
//element-plus 组件相关
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import * as EleIcons from '@element-plus/icons-vue'
//fragment
import Fragment from 'vue-fragment'
//全局样式
import './style/main.css'
import { isValidKey } from '@/utils/utils'
//请求
import * as request from '@/api/index'

const app = createApp(App)

//全局注册请求
app.config.globalProperties.$request = request;
app.use(router)
  .use(Fragment.Plugin)
  .use(ElementPlus, { // 使用element-plus
    locale: zhCn,
  }).mount('#app')

//全局图标组件
for (const name in EleIcons) {
  if (isValidKey(name, EleIcons)) {
    app.component(name, EleIcons[name]) //添加图标组件
  }
}

// 下面为全局注册图标组件
// 创建Icon组件
const Icon = (props: { icon: string }) => {
  const { icon } = props
  return createVNode(EleIcons[icon as keyof typeof EleIcons])
}
// 注册Icon组件
app.component('Icon', Icon)