vue项目使用element ui详解
作者:Poetry-Distance
文章介绍了如何在Vue项目中使用Element Plus UI框架,包括创建项目、安装Element Plus、在项目中引入和使用Element组件以及如何修改样式属性
1、创建一个vue项目
找到element官网,点击指南,找到安装栏
2、 找到使用包管理器,复制命令
npm install element-plus --save

下载完之后打开项目可以看到下载好的element文件

3、在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')
4、使用element ui
创建一个Button.vue文件,在官网找到组件

找到button组件,查看源代码直接复制到Button.vue文件
5、找到App.vue
导入Button.vue文件,保存启动项目

启动成功

点击API,可以修改样式属性

总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
