欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)

程序员文章站 2022-07-03 21:42:21
突然发现已经半年没更新的element-ui更新了更新了什么还不清楚,但是告知了基于vue3.x版本的 element-plus 已经出来了。先来上手体验一下首先安装一个最新的@vue-cli,搭建一...

突然发现已经半年没更新的element-ui更新了

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)

更新了什么还不清楚,但是告知了基于vue3.x版本的 element-plus 已经出来了。

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)

先来上手体验一下
首先安装一个最新的@vue-cli,搭建一个vue3.x的项目,脚手架创建流程已经很简洁了,这里就不多说了。建好之后,直接开始安装吧

为了方便,直接采取全部引入的方式

src/plugins/element.ts

src/main.ts

在页面中加一个按钮

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)

在新版的vue3.x版本中还保留了原有的生命周期函数

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)

打印了一下this

element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)

更新补充:

element-plus按需引入

src/plugins/element.ts

babel.config.js

在vue3.0 setup中使用

官方文档已更新: 点击跳转

到此这篇关于element-plus一个vue3.xui框架(element-ui的3.x 版初体验)的文章就介绍到这了,更多相关element-plus vue3.xui框架内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!