es6兼容性问题解决

进来进入一家新的公司，很无奈的接到了前员工的锅。下面就是接锅系列。

        今天要解决的是兼容性问题。这个项目是直接引入的vue的js文件，然后直接在每一个页面中都创建一个vue实例，那其实也可以，但是呢就是会遇到es6语法不兼容问题，包括ie下不能访问。

        解决方法

       1.引入browser.min.js。（脚本下载地址：开发版本browser.js；生产版本browser.min.js。），然后呢将script标签的type的值设为text/babel。如下图：

          

    2.Babel 默认只转换新的 JavaScript 句法，而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转码。为了解决这个问题，我们使用一种叫做 Polyfill（代码填充，也可译作兼容性补丁） 的技术。脚本下载地址：开发版本browser-polyfill.js；生产版本browser-polyfill.min.js。

     我这里两种都采取了。所以上图中我全部都引入了。

    举一反三

      如果用了vue脚手架搭建的项目或者是纯vue项目那么可以用webpack 去安装 babel-polyfill 然后在入口文件中引入。如果项目报错那么就需要你安装babel来解析这语法了。