vue浏览器兼容性问题ie9 ie10 edge

JavaScript016

vue浏览器兼容性问题ie9 ie10 edge,第1张

首先要说的是：vue 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性，比如Object.defineProperty()此方法就会报错，如下图：

所以，用vue尽量去做那些不需要兼容ie8及其以下版本的浏览器的项目。当然了，也许你有其它方法去兼容ie8,费时费力？自己权衡吧。下边要说的是vue在兼容ie9 ---到 edge这几个版本浏览器上的问题。

报错：ReferenceError: “Promise”未定义，原因是：Promise是es6的新语法，ie9和一些低版本的高级浏览器对es6新语法并不支持。

解决办法：npm install --save-dev babel-polyfill

babel-polyfill正确安装后，main.js里引用：import "babel-polyfill"

这个情况是用指令修改页面标题的错误,如下

ie浏览器提示属性找不到，具体的情况，总之如果要修改页面标题，用别人说的一个方法吧，如下

修改标题就ok了，在ie里也不会报错。

Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。