Detailed explanation of how to use element-plus in Vue3

Vue3 has been out for a while, and element has also updated its version to be compatible with vue3. Here is a brief introduction on how to use element-plus

1. Installation

npm install element-plus --save

2. Import in 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')

3. Use

Here we use the button

<el-row>
  <el-button>Default button</el-button>
  <el-button type="primary">Primary button</el-button>
  <el-button type="success">Success button</el-button>
  <el-button type="info">Information button</el-button>
  <el-button type="warning">Warning button</el-button>
  <el-button type="danger">Danger button</el-button>
</el-row>

For details, please refer to the official documentation

This is the end of this article about how to use element-plus in Vue3. For more information about how to use element-plus in Vue3, please search for previous articles on 123WORDPRESS.COM or continue to browse the following related articles. I hope you will support 123WORDPRESS.COM in the future!