element-plus组件按需引入封装

1.在src目录下新建文件夹global

2.在global文件夹下创建两个.ts文件：index.ts      register-element.ts

3.register-element.ts文件

import { App } from 'vue'
import 'element-plus/dist/index.css'
import {
  ElButton,
  ElForm,
  ElFormItem,
  ElInput,
  ElRadio
} from 'element-plus/lib/components'

const components = [ElButton, ElForm, ElFormItem, ElInput, ElRadio]
export default function (app: App): void {
  for (const component of components) {
    app.component(component.name, component)
  }
}

 4.index.ts文件

import { App } from 'vue'
import registerElement from './register-element'

export function registerApp(app: App): void {
  registerElement(app)
}

5.在main.ts文件中进行全局使用

 6.在.vue文件中可直接使用