vue3中使用elementui组件

vue3出来好一段时间了，一直想着用一下，今日集成elementui使用一下

首先创建一个vue3的基础项目 执行以下命令

npm init @vitejs/app vue3Projece -- --template react

出现如图所示的选择，按上下键选择 vue 按回车就可创建一个vue3的项目

然后用编辑工具打开项目，这里演示用vsCode

集成elementUi环境 element兼容vue3的时候换成element-plus 执行npm install element-plus --save

目前组件还是测试版 在main.js中集成组件 vue3换了写法，编译也换成了 vite，不得不说vite的编译速度远远超过了webpack

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
const app = createApp(App)
app.use(Element