vue3.0 +ts 引用elementui

Vue 3.0是一个非常流行的JavaScript框架，不仅易于学习和使用，而且可以与许多UI框架集成。ElementUI是一种流行的UI框架，提供了许多易于使用的UI组件和效果。在Vue 3.0中，可以使用TypeScript（TS）编写代码，提供了更好的类型安全和代码可读性。下面是在Vue 3.0中引用ElementUI的步骤：

1. 安装ElementUI：可以使用npm或yarn命令安装ElementUI

   npm i element-plus -S

2. 使用TypeScript的话需要安装依赖 `ts` 和 `webpack`（如果没有的话）

   npm i webpack webpack-cli webpack-dev-server typescript ts-loader -D

3. 在Vue项目中引入ElementUI样式和组件：

3.1 引入样式（会自动挂载到全局样式表上）

       // main.ts
       import 'element-plus/dist/index.css'

3.2 引入组件

      // main.ts or other entry file
      import { createApp } from 'vue'
      import App from './App.vue'
      import ElementPlus from 'element-plus'
      import 'element-plus/styles/index.css' // 引入组件样式

      const app = createApp(App)
      app.use(ElementPlus) // 注册全局组件
      app.mount('#app')

这样就可以通过引入ElementPlus来使用ElementUI组件了。例如，在Vue 3.0中使用一个按钮组件：

<template>
  <el-button type="primary">click me</el-button>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { ElButton } from 'element-plus'

export default defineComponent({
  name: 'MyButton',
  components: { ElButton } // 局部注册组件
})
</script>

总的来说，引用ElementUI到Vue 3.0中相对比较简单，只需要安装依赖与组件后进行注册即可正常使用。