[译]尤雨溪:Vue3将不会支持IE11

马丁路德
• 阅读 1658

之前尤雨溪曾说过,Vue3 将会出一个 IE11 的兼容版本,现在 Vue3.0都已经发布很久了,却迟迟不见兼容版本的出现,原来是因为微软积极的推进自家的新 Edge 浏览器,并打算放弃 IE,这让尤雨溪同学觉得兼容 IE 是否还有必要,来看看他的知乎:

[译]尤雨溪:Vue3将不会支持IE11

译文

Vue3 开始开发的时候一直到2018年底,我们一直被问到有关 IE11 的支持。许多用户都在问 Vue3 是否会支持 IE11,我们最初的计划是先发布 Vue3 的稳定版,然后稍后才会支持 IE11。在漫长的开发过程中,我们还就 IE11 的兼容性进行了研究和实验,但是由于所涉及的复杂性和手头上的其他的大量工作,因此 IE11 就先暂时放了一放。

当我们再看一下 2021 年的现在的问题时,浏览器和 JavaScript 的状况已经发生了很大变化。现在,越来越多的开发人员正在使用现代语言功能,更重要的是,微软本身已经开始通过对 Edge 的推广,积极地将用户推离 IE。甚至还在自己的主要项目(如Microsoft 365)中放弃对 IE11 的支持。就在几天前,WordPress 也决定了放弃对 IE11 的支持。IE11 的全球使用率已降至1%以下。当我们谈论面向公众的网站和应用程序时,IE11呈明显的快速下降趋势。

我们相信这是一个重新思考 Vue3IE11 支持的机会。

在Vue 3中支持IE11的成本

行为不一致

Vue2 的响应式系统是基于 ES5getter / setterVue3 利用 ES6Proxy 获得了性能更高且更完整的响应式系统,但 Proxy 却无法在 IE11 中进行 polyfill。这是最大的障碍,因为这意味着如果 Vue3 要支持IE11,它实际上需要发布两个具有不同行为的不同版本:一个是基于 Proxy 的响应式系统,而另一个则使用类似于 Vue2 的基于 ES5getter / setter 的系统。

Vue3 基于 Proxy 的响应式系统提供了几乎完整的语言功能覆盖。它能够检测许多在 ES5 中不可能或不可行的操作,例如属性的添加、删除、数组索引和length突变以及in操作符的检查等功能。为 Vue3Proxy 版本编写的相同代码在 IE11 版本中根本不起作用。这不仅给我们带来了技术上的复杂性,也给开发人员带来了持续的精神负担。

我们最初的计划是在 IE11 的开发版本中同时交付 ProxyES5 的响应式实现。当它在支持 Proxy 的开发环境中运行时,它将检测并警告不兼容 IE11 的用法。从理论上讲,这是可行的,但由于需要将这两种实现混合在一起,并且在开发和生产之间存在行为差异的风险,因此造成了极大的复杂性。

长期维护负担

支持 IE11 还意味着我们必须考虑整个代码库中使用的语言功能,并为我们的分包找出正确的 polyfill 策略。IE11 中无法被 polyfill 的每个新功能的添加都会造成另一个行为的警告。一旦 Vue3 承诺了对 IE11 的支持,我们将无法摆脱它,直到下一个主要版本(Vue4)。

库作者的复杂性

如果复杂度可以完全包含在 Vue 本身中,那么在某种程度上仍然可以接受。但在与社区成员讨论之后,我们意识到两种响应式实现的共存也不可避免的会暴露给库作者。

通过在 Vue3 中支持 IE11,库作者将不得不考虑其库运行的 Vue3 的内部版本(可能还得支持 Vue2)如果他们决定支持 IE11,则必须考虑用 ES5 的响应式原理来编写他们的库。

为 IE11 贡献持久力

没有人喜欢支持 IE11。这是已经被淘汰掉的浏览器。当网络生态系统向前发展的越远,我们在尝试支持它时需要克服的差距就越大。而具有讽刺意味的是,如果在 Vue3 中支持 IE11,那就相当于我们给了它更多坚挺的理由。鉴于我们的用户群,放弃 IE11 的支持可能会使其淘汰的更快。

对于绝对需要IE11支持的用户

我们深知,对于那些真正需要 IE11 的人:金融机构、教育部门以及依赖 IE11 屏幕阅读器的人们。如果要构建针对这些领域的应用程序,则可能别无选择。

如果真的需要兼容 IE11,我们的建议是使用 Vue2。因为与其为 Vue3Vue 的未来版本承担大量技术负担,还不如将工作重心转向将兼容功能向后移植到 2.7 版本中的 Vue2 呢。并且确保在两个主要版本中获得更近的开发体验将更加的有意义。

可以反向移植到2.7的一些功能:

  • @vue/composition-api 插件合并到 Vue2 中。这将使基于 Composition API的库直接适用于 Vue2Vue3
  • <script setup> 单文件组件中的语法
  • emits 选项
  • TypeScript 类型改进
  • Vite 中正式支持 Vue2

注意:以上列表只是临时的,具体的将会在单独的RFC中进行讨论/定稿。

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Souleigh ✨ Souleigh ✨
4年前
尤雨溪:TypeScript不会取代JavaScript
近日,Evrone与Vue.js的作者尤雨溪进行了一次访谈,了解他对于无后端与全栈方法、以及Vue.js适用场景的看法,还有他本人如何在工作与生活之间取得平衡。记者:嗨Evan,很荣幸你能接受我们的访谈。那就先从一个简单的问题开始:您的全职工作岗位是由Patreon资助的,大多数人恐怕都没有这样的机会。您能聊聊怎样在工作与生活之间找到
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Jacquelyn38 Jacquelyn38
3年前
Vue 3.0 有哪些新特性值得我们提前了解
一、迎接Vue3.01\.简介在这里插入图片描述Vue.js作者兼核心开发者尤雨溪宣布Vue3.0进入Beta阶段。已合并所有计划内的RFC已实现所有被合并的RFCVueCLI现在通过vueclipluginvuenext提供了实验性支持2\.新特性重点关注:更快更省
待兔 待兔
3个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Chase620 Chase620
3年前
[译]尤雨溪: Vite 会取代 vue-cli 吗?
前言最近在逛Twitter时,突发奇想去看了一眼尤大的账号,发现了一段有趣的推文,在尤大国内的社交平台账号中(_知乎、微博等_)并没有发现他发表过类似的话,倒是听过他说会有越来越多的人弃坑Webpack用Vite,还听过有人说vuecli的下一个版本就要用vite重构了,不过看尤雨溪这说法,好像是vite是vite,cli
巴拉米 巴拉米
3年前
Vue 3 计划放弃支持 IE11
Vue.js作者尤雨溪就Vue3支持IE11的计划提交了新提案。提案摘要:1.Vue3将不会支持IE112.原定投入Vue3IE11支持的精力将投入给2.7,移植3.x兼容的新功能,包括:CompositionAPI\<scriptsetup\以及其它新的单文件组件特性
Wesley13 Wesley13
3年前
1元速抢,黄轶老师的《Vue.js 3.0 源码解析》课程
你好,我是黄轶(ustbhuangyi),现任Zoom前端架构师,曾先后于百度、滴滴从事前端研发工作。平时喜欢钻研新技术、新框架,关注前端自动化、工程化、前端架构。在2019年的10月5日,Vue.js的作者:尤雨溪在微博宣布Vue3.0的源码开放了。!(https://oscimg.oschina.ne
Python进阶者 Python进阶者
9个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这