iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >详解Vue3怎么使用element-plus
  • 735
分享到

详解Vue3怎么使用element-plus

2024-04-02 19:04:59 735人浏览 安东尼
摘要

目录1、安装2、在main.js引入3、使用 vue3出来一段时间了,element也更新了版本去兼容Vue3,在这里简单的介绍一下如何使用element-plus吧 1、安装

vue3出来一段时间了,element也更新了版本去兼容Vue3,在这里简单的介绍一下如何使用element-plus吧

1、安装


npm install element-plus --save

2、在main.js引入


import { createApp, Vue } 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')

3、使用

这里使用的是按钮


<el-row>
  <el-button>默认按钮</el-button>
  <el-button type="primary">主要按钮</el-button>
  <el-button type="success">成功按钮</el-button>
  <el-button type="info">信息按钮</el-button>
  <el-button type="warning">警告按钮</el-button>
  <el-button type="danger">危险按钮</el-button>
</el-row>

具体的可以查看官方文档

到此这篇关于Vue3怎么使用element-plus的文章就介绍到这了,更多相关Vue3怎么使用element-plus内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: 详解Vue3怎么使用element-plus

本文链接: https://www.lsjlt.com/news/156979.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作