老板：你为什么要选择 Vue？-六虎

大家好，我是 Kagol，Vue DevUI 开源组件库和 EditorX 富文本编辑器创立者，专注于前端组件库建造和开源社区运营。

假设你是团队的前端负责人，现在老板要拓展新事务，需求开发一个 Web 运用，让你来做技能选型，你之前用 Vue 比较多，对 Vue 比较熟悉，希望能在团队内部推行 Vue 技能栈，你会怎样跟老板说呢？以下是我做的一些调研，或许能对你有协助。

声明：Vue 和 React 都是我很喜欢的前端结构，如有说得不对的地方，欢迎一同评论交流。

一、Vue 在国内的运用量远高于 React / Angular

业界干流前端结构：React、Vue、Angular，从近3年的运用趋势上看，React 稳定在第一，Angular 逐年下降，Vue 持续增长。
从受欢迎程度上看，以 Svelte、Solid 为代表的新式前端结构很受开发者喜欢，不过它们的运用量和生态昌盛程度还远低于三大结构。
虽然 React 在国外的比例高于 Vue，但 Vue 在国内的运用量大幅领先于 React，而且呈现出持续增长的趋势，这意味着在国内能更容易招聘到运用过 Vue、熟悉 Vue 的开发者。

图1: Vue 和 React 在全球的运用情况和受欢迎程度比照(来自 StateOfJS 数据)

图2: Vue 和 React 在中国的运用情况比照（来自 CSDN 调查报告）

参阅：

国人开发，美观易读的官方中文文档，除了基本的运用指南和API文档之外，Vue 官网还提供了深色模式、互动教程、演练场和丰厚的示例，降低了开发者的学习成本，提升了文档阅读体会。
在、知乎、思否等国内技能社区，Vue 的重视者、文章数、评论数都比 React 高，Vue 相关视频在B站的播放量和评论数总体上也比 React 高，Vue 中文书籍也比 React 的多，这意味着国内的 Vue 开发者拥有比 React 开发者更丰厚的中文学习资料，而且在开发过程中遇到问题也能更容易找到解决方案。
从代码编写上，Vue 运用模板写法，从传统写法过渡的成本低，而 React 的 JSX 写法需求更多额外的学习成本。

图3: Vue 官方中文文档

图4: Vue 和 React 在国内各技能社区的重视者和内容数据比照

图5: Vue 和 React 在代码编写上的比照

参阅：

Vue 是一个渐进式结构，它的设计非常重视灵活性和“能够被逐渐集成”这个特色，能够依据你的需求场景，用不同的方法运用 Vue，并轻易地集成到你的现有项目中，不管你的项目是 HTML 网页、Web Components、SPA、桌面端、移动端、WebGL，乃至是命令行终端界面。
Vue 的体积简直只有 React 的一半（未紧缩情况下），而且 Vue 3.0 的大局 API 和内置组件都支撑摇树优化，这意味着用户只需求为他们实际运用到的功用“买单”，未运用的功用代码将不会出现在最终的打包产品中。
通过 Benchmark 东西的测验，包括创立数据行、替换一切行、部分更新、选择行、交换行、移除行、追加行在内的一切操作，Vue 都比 React 功能要好，特别是交换行操作，Vue 比 React 功能高出5倍以上。

图6: Vue 和 React 包体积比照

图7: Vue 和 React 功能测验数据

参阅：

Vue 官方提供路由、状态办理、单元测验、静态站点生成等常见 Web 运用开发东西，无需从很多第三方依赖库中做选择，并能取得更好的事务连续性支撑；而 React 官方只提供了一个视图层东西，其他必要的 Web 运用开发配套东西都需求依赖于第三方库。
在 Awesome 资源大全中，awesome-vue 的资源数是 awesome-react 的6倍，这意味着 Vue 开发者不仅能取得更好的官方东西支撑，而且能在社区找到更多配套的 Web 开发东西和学习资源。

图8: Vue 和 React 官方东西和生态比照

参阅：

再次声明：Vue 和 React 都是我很喜欢的前端结构，咱们的 Vue DevUI 组件以及组件的单元测验都是运用 TypeScript + JSX 语法写的，所以如有说得不对的地方，欢迎一同友好评论交流。