> 文章列表 > 《Vue3实战》 第十章 Element plus指南

《Vue3实战》 第十章 Element plus指南

《Vue3实战》 第十章 Element plus指南

前言

Element Plus 教程(beta版,适配 Vue 3.0 的 Element)
国内访问地址:https://www.bookstack.cn/read/element-plus-beta
PS:比官网要稳定、快捷

1、npm 安装

npm install element-plus --save

2、引入 Element Plus

在 main.js 中写入以下内容

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

3、其他组件使用

基础组件:https://www.bookstack.cn/read/element-plus-beta/Basic.md
表单组件:https://www.bookstack.cn/read/element-plus-beta/Form.md
数据组件:https://www.bookstack.cn/read/element-plus-beta/data.md
消息组件:https://www.bookstack.cn/read/element-plus-beta/Notice.md
导航组件:https://www.bookstack.cn/read/element-plus-beta/Navigation.md
其他组件:https://www.bookstack.cn/read/element-plus-beta/Others.md