vue3集成elementUI

1. 安装依赖

cnpm i element-ui -S
#vue3上使用elementui需要安装element-plus
cnpm install element-plus --save

2. 导入依赖

重写main.js文件内容

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router/index";
import ElementUI from 'element-plus'
import 'element-plus/dist/index.css'
const app = createApp(App)
app.use(ElementUI)
app.use(router).mount("#app")

3. 使用elementUI布局

新建ElementUITest.vue文件

<template>
  <el-row class="mb-4">
    <el-button>Defaultel-button>
    <el-button type="primary">Primaryel-button>
    <el-button type="success">Successel-button>
    <el-button type="info">Infoel-button>
    <el-button type="warning">Warningel-button>
    <el-button type="danger">Dangerel-button>
    <el-button>中文el-button>
  el-row>
template>

更多布局查看官网 https://element-plus.org/zh-CN/component/layout.html