它仍然并非随处适用，因为并非所有的 JavaScript 环境都支持 Array.from 这个全局对象。Babel 默认只转换新的 JavaScript 句法，而不转换新的 API，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）。而 polyfill 可以在当前运行环境中用来模拟性复制尚不存在的原生 API 的代码，能让我们提前使用还不可用的 API。所以为了完整使用 ES6 的 API，我们安装了 babel-polyfill。在此过程中，需要注意的是尽量使用 NPM 中提供的最新版的 babel-polyfill，因为尝试使用过一些较老的版本，个别华为机型仍然不能打开页面。
安装后，只需要在文件顶部导入 babel-polyfill 就可以了。但是这种方案显然有些缺陷，babel-polyfill 构建压缩后体积为80~90k，这对于移动端还是有点大的。为了一些非主流的浏览器来引入 polyfill 而影响主流浏览器的性能，值不值得呢？所以如何取舍？要不要使用 babel-polyfill？还是需要评估和权衡的。
Vue数组问题在 PLUS会员频道M端中有个页面为商品列表页，该页面如下图所示：
从图中可以看出，该页面顶部有导航栏，点击导航栏可以切换下面商品列表部分，而每一个商品列表页内部都分为多页，具体可以参考下面的示意图：
从上图可以看出，每个商品列表页都会根据用户在其内部向下滑动的程度来触发请求下一页的数据，所以每个商品列表页对应的商品区域都要有独立的“当前页码”、“当前提示是否有更多商品状态”、“当前向下滑动位置”、“当前是否出现回到顶部的按钮”等信息，因此我们使用了对象来保存每一商品列表页的相关数据，而这些对象又组成了数组。于是，不可避免地要使用 Vue 来监听数组的变化，从而动态渲染页面。但是这里遇到一个问题，例如我们使用数组 arrtab[i] 来保存导航栏第i个标签的信息：
