京东云开发者｜关于“React 和 Vue 该用哪个”我真的栓Q( 二 ) _生活百科

注意：不熟悉某项技术，绝不能成为不使用这项技术的托词，从个人提升的角度考虑，学习新的技术栈可以帮助我们扩充思路和视野，如果要做的新项目周期不紧张，也预留了充足的时间，那么新的技术显然可以作为备选项之一。
3. 兼容性要求

PC端：React和Vue均不支持IE8，对于个别浏览器兼容模式使用IE内核也可能是不支持的，具体要看使用的内核版本（IE浏览器简直是前端界的噩梦），其他浏览器下可以放心大胆地使用了。
H5端：React和Vue 2.x均能使用。

注意：在移动端对于想要尝鲜Vue 3.x版本的同学来说要关注一下，Vue 3.x依赖收集是使用Proxy这个 API，而Proxy在 IOS 端最低支持 IOS10 版本，并且由于这个API具备更底层的对象监听能力，导致polyfill无法完全兼容，已实现的polyfill都是基于Object.defineProperty，并不能完整支持Proxy所有特性（比如数组长度的监测），所以如果业务环境对 IOS9 有兼容需求的情况下，就不要尝试了。
4.使用层面对比框架引入

- React和Vue都是渐进式框架，支持 script 标签直接使用，也支持在工程中通过模块化方式引入使用。

Jsx VS Template

- React：采用的 Jsx 在写法上更为灵活多变，属于在 Js 中增加了 HTML 语法，组件的实现思路是All in Js，开发过程中拥有 Js 完整的生态。同时开发工具对 JSX 的支持相比于现有可用的其他Vue模板也比较先进 (比如，linting、类型检查、编辑器的自动完成) 。
- Vue：整体思路是 Template 模板语法，跟 Jsx 相比，它是在 HTML 中增加了对部分 Js 语法的支持，在灵活度上不如 Jsx，本质是模板语法无法穷举所有 Js 能力，所以笔者认为Vue内部使用的 slot、directive 等，也恰恰是对模板语法不够灵活所做出的一种补充，使模板语法也能完成跟 Jsx 同样的事情。模板语法也有优点，它更接近原生 HTML，对于新手上手更友好，并且在Vue3中，它从模版层面进行静态分析，对静态模版做标记，从而提升 diff 的效率。值得一提的是，与React一样，Vue 在技术上也支持 render 函数和 Jsx，但只是不是默认的而已。

那么你可能会有疑问，为什么 Template 不去适配所有的 Js 语法？这里举一个例子：Taro 。
Taro1.x 和 Taro2.x 采用了穷举所有 Jsx 语法的方式，去生成不同平台的代码，导致每次 Jsx 或 Js 语法有更新，这两个版本的 Taro 编译器都要同步去做适配，这是一种重编译时的方案，对 Jsx 的支持其实非常痛苦，所以 Taro3 索性采取了重运行时、轻编译时的重构，以获得编译器对 Jsx 更有好的支持。并且还有另一个原因是，我们假如 Template 支持了所有 Js 能力，那么势必又导致了 Template 语法变得复杂，也可能和原本统一的 Ecma 规范割裂（层出不穷的小程序就是一个典型的例子，相当于规范之中又出规范，生态之外再造生态），造成了学习成本增加和沉重的编译器。