VUE3+ElementPlus

备注：VUE3项目不能使用element-ui，引入后会报错，只能使用element-plus框架

一、进入项目目录，安装ElementPlus

npm i element-plus

二、安装成功以后，修改src/main.js

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

import router from './router/index.js'
router.beforeEach((to,from,next)=>{
  if(to.meta.title)
  {
    document.title = to.meta.title
  }
  next()
})

createApp(App).use(ElementPlus).use(router).mount('#app')

三、测试

在src/componets/HelloWord.vue新增element-ui的按钮 

主要按钮

 此时vue3+element-plus项目已经创建完成，可以在项目中使用elementui的布局和样式了