目录
1、创建一个vue项目
2、找到element官网,点击指南,找到安装栏
3、 找到使用包管理器,复制命令
4、在main.js中引入element
5、使用element ui
6、找到App.vue,导入Button.vue文件,保存启动项目
1、创建一个vue项目
2、找到element官网,点击指南,找到安装栏
一个 Vue 3 UI 框架 | Element Plus
3、 找到使用包管理器,复制命令
npm install element-plus --save
下载完之后打开项目可以看到下载好的element文件
4、在main.js中引入element
import { createApp } 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')
5、使用element ui
创建一个Button.vue文件,在官网找到组件
找到button组件,查看源代码直接复制到Button.vue文件
6、找到App.vue,导入Button.vue文件,保存启动项目
启动成功
点击API,可以修改样式属性