0
点赞
收藏
分享

微信扫一扫

[完结16章]Vue3.3 + TS4 ,自主打造媲美 ElementPlus的组件库

霍华德 2023-10-12 阅读 33

点击下载——[完结16章]Vue3.3 + TS4 ,自主打造媲美 ElementPlus的组件库 提取码:a7e4 

进阶必学,2023最新 ,打造媲美ElementPlus的组件库,完结16章,视频+源码+电子手册下载!

Element+是一款用于制作页面样式,设计页面结构的框架。相比于其他的几个框架,这个框架设计的更为人性化,对企业级框架VUE的集成也很高。

Element Plus 可以在支持 ES2018 和 ResizeObserver 的浏览器上运行。 如果您确实需要支持旧版本的浏览器,请自行添加 Babel 和相应的 Polyfill 。

由于 Vue 3 不再支持 IE11,Element Plus 也不再支持 IE 浏览器

Element Plus是基于Vue 3,面向设计师和开发者的组件库。   Element Plus 是为了适配 Vue 3 对 Element UI 进行的重构。   使用 TypeScript 开发   使用 Vue 3 Teleport 新特性重构挂载类组件   使用 Vue 3 Composition API 简化逻辑,降低耦合   选择了 Day.js 这种更轻便通用的时间日期选择器解决方案   使用 Lerna 维护和管理项目   升级适配 async-validator,popperjs 等核心依赖   完善 52 种国际化语言支持

安装element+ 2.1、环境支持 从之前一路学过来的同学们对这个肯定不会陌生,我们在学习一个新框架的时候一定离不开对环境的配置。我也相信现在应该没有同学会用什么360、q等浏览器去完成我们的代码编写了。 那么让我们看看支持element+的浏览器。如果没有该版本,请自行去下载最新版。这边推荐使用google的Chrome来调试。

2.2、使用vscode安装element+

NPM

$ npm install element-plus --save 2.2.1、使用网络环境引入element+(不推荐) 2.3、使用网页引入的html版本的Element+案例(不推荐) 由于Element+和Vue的集成度很高,所以对于这个框架在Vue中的使用我们会在稍后的课程中讲到。这节课我们首先尝试一下最简单的引入模式。至于为什么不推荐,等会在我们使用他的在线编译的时候同学们就会明白老师为什么这么说了。

功能与特点 elementplus的特点在于提供了许多实用的组件,如图表、地图、时间线等,同时也提供了响应式设计,适配多种设备,且易于定制和扩展。

扩展性与生态 由于elementplus是在element-ui的基础上进行的开发,因此可以兼容element-ui的组件和API,同时elementplus也融入了Vue.js3.0的新特性,并提供了一些新组件的开发,如树形表格等。

使用体验 在开发过程中使用elementplus,感觉组件的设计简洁美观,易于定制和响应式适配,使用灵活方便,同时API文档也很全面,易于学习和使用。

总的来说,elementplus作为一个Vue.js的前端UI框架,具有丰富的组件和功能,易于使用和扩展,既可以满足基本的需求,又可以满足定制化的需求,相信会成为Vue.js中的一个新宠。

举报

相关推荐

0 条评论