vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue项目使用element ui

vue项目使用element ui详解

作者:Poetry-Distance

文章介绍了如何在Vue项目中使用Element Plus UI框架,包括创建项目、安装Element Plus、在项目中引入和使用Element组件以及如何修改样式属性

1、创建一个vue项目

找到element官网,点击指南,找到安装栏

一个 Vue 3 UI 框架 | Element Plus

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,可以修改样式属性

总结

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

您可能感兴趣的文章:
阅读全文