大家好,我叫CUGGZ。自2014年首次发布以来,Vue.js的知名度和用户数量不断增长,并逐渐成为全球成千上万开发人员使用的成熟框架。来看看Vue在2022年的发展吧!1.Vue生态系统自Vue3发布以来,越来越多的库接受了Vue3并增加了对它的支持,同时其他库也在开发兼容版本。下面就让我们一起来看看2022年Vue生态中的一些激动人心的进展吧。(1)ViteVite是一款全新的前端开发构建工具,最新版本为v3.0.0-beta.9。Vite带来超快的开发体验和高度优化的生产包。它与框架无关,任何人都可以使用它!Vite是新的推荐选择,而VueCLI进入维护模式。(2)VitestVitest是Vite支持的全新单元测试框架,最新版本为v0.18.0。Vitest为后续测试运行带来了惊人的速度,使其成为TDD方法的绝佳选择。(3)PiniaPinia现在是Vue3推荐的状态管理库,它引入了更简单的API、适当的TypeScript支持等,在开发体验上向前迈进了一大步。虽然Vuex仍然与Vue3兼容,但它现在处于维护模式。(4)VolarVolarVSCode扩展的开发者JohnsonChu加入了Vue.js核心团队。Johnson一直在发布版本和错误修复,并致力于重构内部代码库以提高效率,甚至涵盖更多功能,而且由于扩展的维护者由Vue赞助,IDE工具的未来看起来更加光明。(5)Nuxt3Nuxt团队宣布Nuxtv3将于今年夏天发布,这可能是最受期待的版本之一。它目前处于发布候选阶段并且接近稳定。(6)Vuetify对于很多人来说,Nuxt和Vuetify是阻碍他们从Vue2升级到Vue3的两个主要因素。Vuetify3的最新版本是beta5,离正式发布越来越近了。(7)VitePress1VitePress最近发布了1.0alpha4,已经在新的Vue文档中使用。在准备v1.0版本时,核心团队成员Kia正在为最终用户开发更高级别的API。VitePress现在是支持Vue3的静态站点生成的推荐解决方案。但是,关于名称和与VuePress共存的讨论仍然存在。简单地说,VitePress是否应该取代VuePress3。(8)新的Vue文档新的Vue文档已经发布,全面检查和改进了设计和用户体验,并引入了新的指南,以及OptionsAPI之间的切换功能和组合API。此版本还引入了一个交互式教程,引导您了解Vue的所有主要功能。(9)VueCore4-5月,Vue团队用了一个月左右的时间处理v3核心bug,大规模发布patch(3.2.24~26),合并PR约70个,解决issue约140个.(10)Vue默认版本Vue3正式成为默认版本。2.Vue的现在和未来这一部分,Vue.js的作者尤雨熙总结了Vue3的主要变化,分享了升级到最新默认版本的过程背后的细节,并对Vue的未来进行了展望.(1)自上次更新以来,Vue3发生了什么变化?2022年2月发布了全新的Vue文档,标志着软启动过程的完成。当Vue3发布时,它实际上只是核心,但随着时间的推移,整个Vue已经发展成为一个完整的生态系统,包括路由、状态管理、构建工具、开发工具、扩展、IDE支持等等。所有这些都需要花费很多精力来更新。所以,基本上现在所有的库和工具都有新版本。全新文档发布,Pinia取代Vuex成为最新推荐的状态管理库,构建工具由Vite赋能。新的IDE扩展是Volar,它提供了更好的TypeScript支持和体验。还发布了重要的DX改进,例如,还会有更多改进。(2)TypeScript如何影响Vue的开发体验?TypeScript正在兴起,因此任何现代框架在设计时都会考虑到它。即使没有TypeScript,Volar也可以利用Vue类型并提供提示,消除需要记住变量类型的精神负担。所有类型推断和检查也适用于模板。使用TypeScript还可以让开发人员在重构大型代码库时更容易发现错误——工具会立即显示它们供您修复。特别是在开发大型项目时,将TypeScript与Vue结合使用将大大提高代码的健壮性。(3)Vue3发布到默认版本已经一年半了,这个过程是怎样的?对于Vue3的初始版本,一切都用TypeScript重写,但直到Volar成为官方扩展,文档才被彻底改造,一切都被修改或重写,它们与OptionsAPI和CompositionAPI一起工作,并且可以在它们之间切换。因此,学习体验和日常体验得到提升。他们每个人都是一个独立的项目,这就是为什么整个过程花了这么长时间才最终准备好一切。我们现在可以说Vue3已经准备好了。(4)有必要进行如此深度的转型过程吗?这并不总是必要的,但是当我们考虑升级时,总是需要在现有代码库之上进行增量改进或进行彻底重写之间进行权衡。基于Vue2代码库并确保100%兼容性伴随着许多依赖于Vue2特定内部行为的库的包袱。如果我们一直背着这些包袱,就会限制我们的创新。因此,大规模重写对我们来说是正确的方向。Vue3的情况是在短期内牺牲了一些东西并且破坏了一些库,但这是您愿意为摆脱过去的包袱而付出的代价。现在拥有一个干净的状态将在未来得到回报。虽然React或Ember可以几乎无缝地引入新版本,但这给它们带来了巨大的维护开销。他们有一个很好的系统,可以慢慢添加新功能并逐步淘汰旧功能,我们可以从中学习。归根结底,工程学中没有绝对正确的答案。在升级方面,需要做出权衡。(5)Vue可用于各种类型的应用程序和不同规模的公司。它是如何使框架如此通用的?Vue的初始版本旨在降低入门门槛,使其易于使用,并集成到现有系统中,并且仍然非常强调这种方法。随着时间的推移,我们将慢慢添加组件以支持更高级的项目,例如单页应用程序路由、状态管理、TypeScript支持。起初,有许多用户在较小的应用程序中使用Vue。随着更多功能和工具的出现,Vue的用户群不断增长,但原来的用户仍然在那里,仍然可以按照自己喜欢的方式使用它。这就是我们的秘诀——涵盖所有领域。自2014年以来,这是一段漫长的旅程,面临许多挑战,但每次我们添加新功能时,都试图保持使用Vue的核心体验。(6)前端面临的主要挑战是什么?在Web开发的世界中,有各种各样的应用程序:简单的登录页面、完全交互的应用程序、后台仪表板和对性能要求很高的电子商务应用程序。一般来说,挑战在于平衡开发人员的生产力和最终应用程序的性能。在大多数领域,除了内容密集型电子商务,我们都取得了不错的成绩。最近出现了诸如Remix或Qwik之类的新事物。其中许多都需要从编译器到服务器再到客户端的控制,所有这些都必须协同工作以提供经过端到端优化的完全集成的解决方案。您仍然可以编写相对简单的代码并最终获得最佳性能。这将是最大的挑战——哪种解决方案可以最好地整合这三个部分?这是我们可以与Nuxt团队和Vue生态系统的其他成员密切合作探索的方向。我们需要更多可以同时处理后端和前端的垂直解决方案,而不是从纯客户端或纯后端的角度思考。(7)展望下一个5年,你如何看待Vue?Vue是一个不断发展的平台。我们可能不会在未来五年内进行“Vue2到3”类型的升级,因为Vue3是一个足够坚实的基础,可以在很长一段时间内进行扩展。我们将继续尝试编译策略,因为Vue的优势在于非常灵活的响应式系统。我们有一个编译为不同输出的已编译单文件组件。可以更改输出,而源代码保持不变。希望这段时间用户体验能保持稳定。从开发体验的角度来看,希望它保持稳定,但编译方法允许我们在幕后进行重大改进。这是我们的目标。3、Vue发展趋势Vue在前端领域的现状如何?Vue的增长速度有多快?下面看看不同机构的调查统计吧!(1)StatistaVue2021年相对于2020年上升了2位,排名第5,19%的受访者选择了它。(2)BuiltWith2022年5月,全球排名前100万的网站框架使用情况如下。(3)NPMtrendsNPMtrends表示,Vue的使用在过去五年中一直在稳步增长。(4)SimilarTech使用Vue构建的网站数量从一开始就持续稳定增长。(5)GitHub依赖2020年以来,使用Vue构建的应用数量持续增长,增长了46.52%。(6)StackOverflowQuestions在StackOverflow上,用户提出的Vue问题越来越多。(7)StateofJS开发者对Vue.js的使用率呈上升趋势,2021年达到51%。(8)StackOverflow调查StackOverflow每年都会对用户进行调查,询问他们最喜欢和最不喜欢的框架。尽管多年来可用的调查问题不一致,但结果证实了Vue的上升趋势。2021:2020:2019:2018:(9)JetBrainsSurvey2021年,JetBrains发布的《2021 年开发者生态系统现状》报告显示,Vue.js用户的份额将从2020年的32%增长到2021年的43%。(10)Google趋势2020年10月,用户对所有框架的搜索量都有所下降,但此后,Vue再次流行起来,并正在慢慢重回正轨。参考:VueReportAmsterdam2022.https://vuejs.amsterdam/。https://www.monterail.com/blog/evan-you-talks-about-vue-3-and-the-future-of-development。