vue3引入element ui typescript

在 Vue 3 中使用 TypeScript 引入 Element UI，以下是详细步骤：

1. 首先，安装 Element UI 和 TypeScript 的相关依赖。在项目根目录下执行以下命令：

npm install element-plus --save
npm install @types/element-plus --save-dev

2. 在 main.ts 文件中引入 Element UI 和样式：

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'

import App from './App.vue'

const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

3. 在需要使用 Element UI 的组件中，按需引入所需的组件。例如，在某个组件中引入 Button 组件：

import { defineComponent } from 'vue'
import { ElButton } from 'element-plus'

export default defineComponent({
  components: {
    ElButton
  }
})

4. 在模板中使用引入的组件：

<template>
  <el-button>按钮</el-button>
</template>

这样就可以在 Vue 3 项目中使用 Element UI 并结合 TypeScript 进行开发了。记得根据需要按需引入其他 Element UI 的组件，并根据官方文档进行使用。