0

0

2022年 Vue 的发展情况报告【整理分享】

青灯夜游

青灯夜游

发布时间:2022-07-13 14:58:18

|

5445人浏览过

|

来源于掘金社区

转载

自 2014 年首次发布以来,vue.js 的受欢迎程度和用户数量一直在增加,并逐渐成为一个成熟的框架,被世界各地成千上万的开发者所使用。下面就来看看 2022 年 vue 的发展如何!

1.png

1. Vue 生态系统

自 Vue 3 发布以来,越来越多的库都接受了 Vue 3 并增加了对它的支持,而其他库正在开发兼容的版本。下面就来看看 2022 年 Vue 生态系统中那些令人兴奋的发展。(学习视频分享:vue视频教程

(1)Vite

Vite 是一个用于前端开发的新型构建工具,目前最新版本为 v3.0.0-beta.9。 Vite 带来了超快的开发体验和高度优化的生产包。它与框架无关,任何人都可以使用它!Vite 是新的推荐选择,而 Vue CLI 进入维护模式。

2.png

立即学习前端免费学习笔记(深入)”;

(2)Vitest

Vitest 是一个由 Vite 提供支持的全新单元测试框架,最新版本为 v0.18.0。Vitest 为后续的测试运行带来了极快的速度,使其成为 TDD 方法的绝佳选择。

3.png

(3)Pinia

Pinia 现在是 Vue 3 推荐的状态管理库。它引入了更简单的 API、适当的 TypeScript 支持等,这是开发体验的一大进步。虽然 Vuex 仍然与 Vue 3 兼容,但它现在处于维护模式。

4.png

(4)Volar

Volar VS Code 扩展的开发者 Johnson Chu 加入了 Vue.js 核心团队。Johnson 一直在发布版本和错误修复,并致力于重构内部代码库以提高效率,甚至涵盖更多功能,由于扩展的维护者现在由 Vue 赞助,IDE 工具的未来会更加光明。

5.png

(5)Nuxt 3

Nuxt 团队宣布 Nuxt v3 将于今年夏季发布,这可能是最受期待的版本之一。其目前处于候选版本阶段,已接近稳定。

6.png

(6)Vuetify

对于很多人来说,Nuxt 和 Vuetify 是阻止他们从 Vue 2 升级到 Vue 3 的两个主要部分。Vuetify 3 最新版本为 beta 5,距离正式版的发布越来越近。

7.png

(7)VitePress 1

VitePress 近期发布了 1.0 alpha 4,并已在新的 Vue 文档中使用。为了准备 v1.0 版本,核心团队成员 Kia 致力于为最终用户提供更高级别的 API。VitePress 现在是 Vue 3 支持的静态站点生成的推荐解决方案。但是,关于名称以及与 VuePress 的共存问题仍然在讨论中。简单地说,VitePress 是否应该取代 VuePress 3。

8.png

(8)Vue 新文档

全新的 Vue 文档发布,对设计、用户体验进行了全面检查和提升,并引入了新的指南,以及在 Options API 和 Composition API 之间切换的功能。这个版本还引入了一个交互式教程,带你了解 Vue 的所有主要功能。

9.png

(9)Vue Core

在4月和5月期间,Vue 团队花了大约一个月的时间处理 v3 中的核心 Bug,因此产生了大规模的补丁发布(3.2.24~26)、约 70 个PRs合并和约 140 个已解决问题。

(10)Vue 默认版本

Vue 3 正式成为默认版本。

2. Vue 现在与未来

本部分,Vue.js 的作者尤雨溪总结了 Vue 3 的重大变化,分享升级到最新默认版本的过程背后的细节,并展望 Vue 的未来。

(1)自上次更新以来,Vue 3 发生了什么变化?

2022 年 2 月发布了全新的 Vue 文档,这标志着软启动过程的完成。当 Vue 3 发布时,它实际上只是核心,但随着时间的推移,整个 Vue 已经成长为一个完整的生态系统,包括路由、状态管理、构建工具、开发工具、扩展、IDE 支持等。所有这些都需要付出很多努力才能更新。

所以,现在基本上有了所有库和工具的新版本。发布了全新的文档,用 Pinia 取代了 Vuex,成为最新推荐的状态管理库,构建工具现在由 Vite 提供支持。新的 IDE 扩展是 Volar,它提供了更好的 TypeScript 支持和体验。还发布了重要的 DX 改进,例如 <script setup></script>,并且还有更多改进。

(2)TypeScript 对 Vue 的开发体验有何影响?

TypeScript 正在兴起,因此任何现代框架在设计时都会考虑使用它。即使不使用 TypeScript,Volar 也能够利用 Vue 类型并提供提示,从而消除需要记住变量类型的心理负担。所有类型推断和检查也适用于模板。在重构大型代码库时,使用 TypeScript 还可以让开发人员更容易发现错误——工具会立即显示错误,供你修复。特别是在开发大型项目时,将 TypeScript 与 Vue 结合使用将大大提高代码的健壮性。

(3)从 Vue 3 发布到其成为默认版本已有一年半,这个过程如何?

对于 Vue 3 的初始版本,使用 TypeScript 重写了所有内容,但直到 Volar 成为正式扩展后才完成,文档已经完全修改,所有内容都经过了修改或重写,它们与 Options API 和 Composition API 一起使用,并可以在它们之间切换。 因此,学习体验和日常体验得到了升级。 它们每个都是一个独立的项目,这就是为什么整个过程花了这么长时间才最终把所有内容都准备好。现在可以说 Vue 3 已经准备好了。

(4)这么深的过渡过程有必要吗?

这并不都是必要的,但当我们考虑升级时,总是需要在现有代码库的基础上进行渐进式改进或进行大刀阔斧的重写之间进行权衡。要基于 Vue 2 代码库并确保 100% 的兼容,就会携带许多依赖于 Vue 2 特有的内部行为的库的包袱。如果一直携带这些包袱,就会限制我们的创新。

所以,大规模的重写对我们来说是一个正确的方向。 Vue 3 的情况是短期内牺牲了一些东西并破坏了一些库,但这是为了摆脱过去的包袱而愿意付出的代价。现在有一个干净的状态,这将在未来带来回报。

尽管 React 或 Ember 几乎可以无缝地引入新版本,但这会给它们带来巨大的维护开销。他们有一个很好的系统,可以慢慢添加新功能,逐步淘汰旧功能,我们可以从中学习。 归根结底,工程领域没有绝对正确的答案。 在升级方面,需要做出权衡。

(5)Vue 可以用于所有类型应用和不同规模公司,是如何使框架如此通用的?

Vue 的初始版本旨在降低入门门槛,使它易于使用,并集成到现有系统中,现在也仍然坚持并非常重视这种方法。随着时间的推移,我们会慢慢添加一些组件来支持更高级的项目,例如单页应用路由、状态管理、TypeScript 支持。

起初,有很多用户在规模的较小的应用程序中使用Vue。 随着更多功能和工具的出现,Vue 的用户群不断增长,但最初的用户仍然存在并且仍然可以按照自己喜欢的方式使用它。 这就是我们的秘诀——涵盖所有领域。自 2014 年以来,这是一个漫长的旅程,有很多挑战,但每次我们添加新功能时,都试图保持使用 Vue 的核心体验。

(6)前端面临的主要挑战是什么?

在 Web 开发的世界中,有各种各样的应用程序:简单的登录页面、完全交互式的应用程序、后台仪表盘,还有对性能要求较高的电子商务应用等。 一般来说,挑战在于平衡开发人员的效率和最终应用的性能。除了内容密集型电子商务之外,在这些领域中的大多数领域,我们都取得了不错的成绩。

如今出现了一些新事物,例如 Remix 或 Qwik。 其中很多都需要从编译器到服务器再到客户端进行控制,所有这些都必须协同工作,才能提供端到端优化的完全集成解决方案。你仍然可以编写相对简单的代码并最终获得最佳性能。这将是最大的挑战——哪种解决方案可以最好地将这三个部分集成在一起? 这是一个我们可以与 Nuxt 团队以及 Vue 生态系统中的其他成员紧密合作来探索的方向。

我们需要更多可以同时处理后端和前端的垂直解决方案,而停止从纯客户端或纯后端的角度去思考。

(7)展望未来5年,如何看待 Vue?

Vue 是一个不断发展的平台。 在未来五年内,我们可能不会再进行“Vue 2 到 3”这种类型的升级,因为 Vue 3 是一个足够坚实的基础,可以在很长一段时间内进行扩展升级。我们将继续尝试编译策略,因为 Vue 的优势是一个非常灵活的响应式系统。

Q.AI视频生成工具
Q.AI视频生成工具

支持一分钟生成专业级短视频,多种生成方式,AI视频脚本,在线云编辑,画面自由替换,热门配音媲美真人音色,更多强大功能尽在QAI

下载

我们有一个已编译的单文件组件,它可以编译成不同的输出。可以更改输出,而源代码保持不变。希望用户体验在这段时间内保持稳定。从开发经验的角度来看,希望它保持稳定,但编译的方法允许我们在背后进行重大改进。这就是我们的目标。

3. Vue 发展趋势

Vue 目前在前端领域的地位如何? Vue 的增长速度有多快? 下面来看看不同机构的调查统计情况!

(1)Statista

Vue 在2021年相对于2020 年上升了 2 位,排在第 5 位,有 19% 的受访者选择了它。

10.png

(2)BuiltWith

2022 年 5 月,全球 Top 100 万网站的框架使用情况如下。

11.png

(3)NPMtrends

NPMtrends 表示,Vue 的使用在过去五年中一直在稳步增长。

12.png

(4)SimilarTech

使用 Vue 构建的网站的数量从一开始就持续稳定增长。

13.png

14.png

(5)GitHub dependents

自 2020 年以来,使用 Vue 构建的应用程序数量持续增长,增长了 46.52%。

15.png

16.png

(6)Stack Overflow 问题数量

在 Stack Overflow 上,用户提出的 Vue 问题越来越多。

17.png

(7)State of JS

开发人员对 Vue.js 的使用率呈上升趋势,在 2021 年达到了 51%。

18.png

(8)Stack Overflow 调查

Stack Overflow 每年都会对用户进行调查,询问最喜欢和最不喜欢的框架。尽管多年来可用的调查问题并不一致,但结果证实了 Vue 的上升趋势。

19.png

2021年:

20.png

2020年:

21.png

2019年:

22.png

2018年:

23.png

(9)JetBrains 调查

2021 年,JetBrains 发布的《2021 年开发者生态系统现状》报告显示,Vue.js 用户的份额从 2020 年的 32% 增长到 2021 年的 43%。

24.png

25.png

(10)Google 趋势

2020 年 10 月,用户对所有框架的搜索都有所下降,但从那以后,Vue 再次流行起来,慢慢回到了正轨。

26.png

【相关视频教程推荐:web前端

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

16

2026.03.11

Go高并发任务调度与Goroutine池化实践
Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开,系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示,帮助开发者构建稳定高效的 Go 并发任务处理系统,提高系统在高负载环境下的处理能力与稳定性。

23

2026.03.10

Kotlin Android模块化架构与组件化开发实践
Kotlin Android模块化架构与组件化开发实践

本专题围绕 Kotlin 在 Android 应用开发中的架构实践展开,重点讲解模块化设计与组件化开发的实现思路。内容包括项目模块拆分策略、公共组件封装、依赖管理优化、路由通信机制以及大型项目的工程化管理方法。通过真实项目案例分析,帮助开发者构建结构清晰、易扩展且维护成本低的 Android 应用架构体系,提升团队协作效率与项目迭代速度。

75

2026.03.09

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

95

2026.03.06

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

218

2026.03.05

PHP高性能API设计与Laravel服务架构实践
PHP高性能API设计与Laravel服务架构实践

本专题围绕 PHP 在现代 Web 后端开发中的高性能实践展开,重点讲解基于 Laravel 框架构建可扩展 API 服务的核心方法。内容涵盖路由与中间件机制、服务容器与依赖注入、接口版本管理、缓存策略设计以及队列异步处理方案。同时结合高并发场景,深入分析性能瓶颈定位与优化思路,帮助开发者构建稳定、高效、易维护的 PHP 后端服务体系。

420

2026.03.04

AI安装教程大全
AI安装教程大全

2026最全AI工具安装教程专题:包含各版本AI绘图、AI视频、智能办公软件的本地化部署手册。全篇零基础友好,附带最新模型下载地址、一键安装脚本及常见报错修复方案。每日更新,收藏这一篇就够了,让AI安装不再报错!

168

2026.03.04

Swift iOS架构设计与MVVM模式实战
Swift iOS架构设计与MVVM模式实战

本专题聚焦 Swift 在 iOS 应用架构设计中的实践,系统讲解 MVVM 模式的核心思想、数据绑定机制、模块拆分策略以及组件化开发方法。内容涵盖网络层封装、状态管理、依赖注入与性能优化技巧。通过完整项目案例,帮助开发者构建结构清晰、可维护性强的 iOS 应用架构体系。

222

2026.03.03

C++高性能网络编程与Reactor模型实践
C++高性能网络编程与Reactor模型实践

本专题围绕 C++ 在高性能网络服务开发中的应用展开,深入讲解 Socket 编程、多路复用机制、Reactor 模型设计原理以及线程池协作策略。内容涵盖 epoll 实现机制、内存管理优化、连接管理策略与高并发场景下的性能调优方法。通过构建高并发网络服务器实战案例,帮助开发者掌握 C++ 在底层系统与网络通信领域的核心技术。

33

2026.03.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Vue 教程
Vue 教程

共42课时 | 9.4万人学习

Vue3.x 工具篇--十天技能课堂
Vue3.x 工具篇--十天技能课堂

共26课时 | 1.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号