2022年，我们无情地来了，我们的前端离35岁又近了一步。为了不让自己在35岁被无情淘汰，一定要坚持学习！毕竟：只要我学的够快，中年危机是追不上我的！2022年前端圈会冒出哪些新的黑马？这个没人知道。但根据我个人的理解，以下六个与vue相关的库，很可能会在2022年“爆发”或者“继续爆发”！赶紧学起来吧！
一、VUE使用：VUE开发者专属工具集！官方网站地址：vueuse.org/
基于Vue组合API的功能工具集。
在任何可以使用Vue Composition Api(组合Api)的环境下，安装vueuse工具库(没错，vue2.x和vue3.x都可以玩)都可以提高开发效率。可以理解为vue的专属lodash！它有哪些工具集？太多了，只有你想不到，没有你用不到！通常，工具功能分为以下几类：
动画浏览器组件格式化传感器状态(状态机)公共方法监控杂项。以我自己为例，useTemplateRefsList是我最近在实际项目开发中广泛使用的一个超级实用的方法。UseTemplateRefsList:这个方法可以帮助你在vue3组件api中快速绑定for循环中的组件ref。比自我实现更完整。
此外，还有各种有用的工具，如useVModel、useInterval、useCssVar等。都等着被发现。简单来说，这是一个可以让你更早下班的工具库。早点用，早点下班。
二、皮尼亚：用的比较好的vue商店库(vuex竞品)已经被vuex折磨很久了！
地址：pinia.vuejs.org/,官网当年，vuex以“官派祖传”的名义坐上了vue国家管理的宝座，但太多人在使用时亲身感受到了其设计的“复杂”和“不便”。我画了一幅漫画来表达我的感受：
那么，皮尼亚有什么优势呢？
它不需要注册突变！动作可以直接操作状态。它支持通过插件提高皮尼亚的能力。良好的类型脚本支持。服务器渲染支持。定义：
//stores/counter . jsimport { define store } from ‘ pinia ‘ export const useCounterStore=define store(‘ counter ‘，{ state :()={ return { count 3360 0 0 } }，actions : { increment(){ this . count }，}，})使用：
从“@/stores/counter”导入{ useCounterStore }导出默认{ setup(){ const Counter=useCounterStore()计数器。计数计数器。$ patch ({Count3360Counter。Count1})计数器。increment ()}}复制代码看起来比用vuex轻吗？据说vuex 5.x在API设计上也参考了皮尼亚的设计思路，可见皮尼亚也得到了官方的认可。
所以皮尼亚真的很值得学习，2022年将会是一个很有潜力火的框架。
3.Element Plus 3360为什么真正的ElementUI 3.0是ElementUI 2.x的正统续作叫Element Plus而不是Element 3.0？
这是一个关于李悝和李鬼的故事，每个人都知道。
地址：element-plus.gitee.io/zh-CN/说ElementUI 2.x是vue 2.x版本中最著名、传播最广的UI组件库，我想大部分业内人士应该都认可。现在vue3已经成为了vue的官方版本。随着vue3用户的增加，Element Plus势必会迎来一个高速增长期。Element有什么优势？
与API元素UI 2.x高度一致，移植代码和学习成本低。核心实现与Element UI 2.x高度相似，比如我介绍的PopupManager。使用css var的样式定义模式，样式切换更加流畅。值得信赖的维护团队。可以大胆预测，2022年Element-Plus依然会爆发。
四。Navie UI:个人推荐的组件库，不是KPI作品，风格讨喜，组件齐全，文笔友好。
官网：虽然www.naiveui.com/zh-CN只在一些小项目和Demo中使用Navie UI，但这个项目确实令人赏心悦目。它来自于一个叫做“图森”公司自己的框架的开源，公司名和框架名可以说是非常别扭。
来自图森的“Navie UI”，emmm.
让我们简单列举一下这个框架的亮点：
组件的完整性和丰富性是相当可观的。换肤和主题支持都很棒。TypeScript极好的支持。TS YYDS！我个人很喜欢这个项目，但是能走多远真的需要时间验证。希望2022年能被更多人喜欢和使用！
5.Nuxt:全村SSR的单页应用那么好，加载慢，SEO评分低。
在React和Vue(angular :‘我呢？’)目前我们拥有一个web单页应用(SPA)太简单了。但这也造成了其他问题：虽然单页应用的体验很优秀，但SEO确实是短板。因此，SSR应运而生。React有Next，Vue有Nuxt。但是，每一个立志做好“SSR”的兄弟，可能都要有一个足够清醒的认识：这是一个深坑，小心前行。2022年SSR依然会是很多公司的强烈需求。目前vue在SSR方面没有比Nuxt更好的对手，所以今年的表现还是可以相信的。
不及物动词维特：快是好事。webpack确实很好，但是开发起来很慢。
官方网站：vitejs.cn/
Vite(读作[wet]，法语，意为快)是一个由原生ES模块驱动的Web开发和构建工具。在开发环境中基于浏览器原生ES导入进行开发，在生产环境中基于Rollup进行打包。
2022年谁会是前端建设之王？我的答案是“webpack”。(vite:你在我这里夸别人？但是webpack的市场会被vite蚕食，尤其是中小型应用。为什么？因为“快”！webpack 5最吸引人的地方就是‘模块联邦’，奠定了webpack 5在微应用场景的领先地位。但并不是每个人都需要“模块联邦”。有很多企业的需求是SPA，就是短、平、快，就是上手就能做。
你说：vue-cli@next会基于vite。(亲身体验.)
vite的成长远未达到巅峰，2022值得期待！
转自：https://juejin.cn/post/7056642264612732935
暂无讨论，说说你的看法吧
