html引入vue不兼容ie11,Vue在IE11版本浏览器中的兼容性问题

一：Vue 2.x cli1、 使用vue2.0的项目在IE11版本浏览器中是空白的  或者路由跳转但是而页面显示依旧是上一个路径的页面元素  这是因为ie11不支持es6  而我们之前有使用的babel-loader  它仅是将es6的语法转为es5  却不会去转换es6的新属性  例如promise  所以此时我们需要使用到babel-polyfill  以下是具体操作方法

首先用cnpm 安装babel-polyfill     npm install --save-dev babel-polyfill

然后在webpack.base.conf.js 文件中修改 module.exports 中的entry，添加 babel-polyfill:     app: ['babel-polyfill', './src/main.js']

然后再main.js中直接引入：  import 'babel-polyfill'   最好放在第一个引入

完成上述一系列操作之后，在IE11浏览器中重新跑下项目，你就会发现，你辛苦做的页面出现了！

如果还没出现  不妨检查一下  看看自身项目中是否还有其它使用了es6却没有添加在babel-loader转化配置中的  例如保存静态文件的文件夹static 则需要：

另外引入的一些组件也可能存在这方面的问题  找到并添加进去就ok了  到这里ie11的兼容基本上就差不多了 接下来谈谈我自己项目中遇到的其它问题  欢迎探讨

2、vue  v-model绑定computed的问题   在Chrome中是支持v-model直接绑定computed值的  但是在ie11中  计算属性中必须有get属性  例如：

如果无需v-model绑定   可以直接采用:value绑定computed  则无需改造computed

3、在ie11浏览器中访问网页  最好使用ip地址访问   localhost时不时会出现