vue 学习 element

1：安装

vue版本：vue3.2.8

Element Plus官网：一个 Vue 3 UI 框架 | Element Plus

Element 老版本和新版本有所不同，新版本的安装方式如下

Element Plus安装命令：

npm install element-plus --save

2.使用

在main.js中添加代码

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

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

然后就直接在想用的地方使用，如按钮：

  <el-row class="mb-4">
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
    <el-button>中文</el-button>
  </el-row>