怎么查看elementui版本_2021新年 Vue3.0 + Element UI 尝鲜小记
输入vue -V (大写的V) 查看版本 如图,使用 项目代码分享https://github.com/element-plus/element-plus-starter 2021 新的一年,也要好好学习 Vue 3.0 和 Element UI 呀。
发布日期:2021-06-24 16:14:43
浏览次数:5
分类:技术文章
本文共 971 字,大约阅读时间需要 3 分钟。
2021年,又是新的一年,Vue 已经发布 3.0 版本,最好用的 UI 组件库 Element UI 也发布了适配 Vue3.0 的新版本,是时候开始学习一下这两个新技术。
本文主要记录了使用 Vue CLI 来完成项目搭建的过程。
安装升级最新的 Vue CLI 4.x
npm install -g @vue/cli
@vue/cli 4.5.9
,一定要安装新版,不然使用不了 Vue 创建 Vue 3.0 版本的项目
vue create my-app
创建项目,会有如下提示,选择中间项可以直接创建3.0的项目,选择最后一项,可以手动选择创建2.0或者3.0版本和其他配置项。 项目引入 Element Plus Element UI 也发布了对应 Vue 3.0 的升级版本 Element Plus https://github.com/element-plus/element-plus 使用 Vue CLI 可以一键引入进来 cd my-app vue add element-plus npm run serve
一路回车确认,Element Plus 就自动添加到项目里了。这样,使用了 Vue 3.0 + Element Plus 组件库的项目就完成搭建。
学习 Vue 3.0 入口文件的变化
打开生成的项目学习一下,相对于2.0版本的引入略有不同,3.0 使用 createApp(App)
创建Vue的实例,然后使用熟悉的use,进行引入 Element UI 组件库。
import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' import { createApp } from 'vue' import App from './App.vue' createApp(App).use(ElementPlus).mount('#app')
转载地址:https://blog.csdn.net/weixin_33758343/article/details/112786373 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
逛到本站,mark一下
[***.202.152.39]2024年03月30日 02时38分49秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
SAP ABAP常用正则表达式大全
2021-07-01
使用事务码DBCO实现SAP链接外部数据库以及读取例程
2021-07-01
SAP连接外部ORACLE数据库
2021-07-01
【转】未来10年经济走向及发展趋势
2021-07-01
【转】未来10年中国经济的几大趋势
2021-07-01
什么是边缘计算?
2021-07-01
关于量子计算,你应该知道的七个事实
2021-07-01
什么是量子计算-超级简单的给你个解释
2021-07-01
弹出显示多条的message对话框
2021-07-01
一个操作内表的函数’CTVB_COMPARE_TABLES’
2021-07-01
抓取标准报表ALV GRID上的数据
2021-07-01
smartform 打印预览时转PDF查看
2021-07-01
Transformation XML(TCODE-STRANS)
2021-07-01
sap abap好用的函数
2021-07-01
寄售BAPI
2021-07-01
读取程序中的Text内容(根据语言)
2019-04-28
UP_DOWN_REQUEST
2019-04-28
在ABAP中利用Oracle的FROM DUAL
2019-04-28
判断程序是否通过RFC运行
2019-04-28
‘BAPI_PO_CHANGE’ 更改PO交货计划行/组件
2019-04-28