es6兼容性问题解决
进来进入一家新的公司,很无奈的接到了前员工的锅。下面就是接锅系列。今天要解决的是兼容性问题。这个项目是直接引入的vue的js文件,然后直接在每一个页面中都创建一个vue实例,那其实也可以,但是呢就是会遇到es6语法不兼容问题,包括ie下不能访问。解决方法1.引入browser.min.js。(脚本下载地址:开发版本browser.js;生产...
进来进入一家新的公司,很无奈的接到了前员工的锅。下面就是接锅系列。
今天要解决的是兼容性问题。这个项目是直接引入的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来解析这语法了。
更多推荐
所有评论(0)