vue项目使用element ui

目录

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