vue2.x项目在IE游览器下不兼容问题的解决方案

vue2.x项目在IE游览器下不兼容问题的解决方案

背景：使用vue cli搭建的vue2.x版本项目，ie11游览器

vue不能在ie下运行的原因，由于ie的内核版本较低，而vue使用了很多es5，es6的新语法特性，包括你在vue中引用的各种组件大多都使用了es6的语法特性，如:箭头函数，let,const关键字等等，这些新特性ie都无法识别所以会报很多错误

1.使用babel解决

( Babel是一个工具链，主要用于在旧浏览器或环境中将ECMAScript 2015+代码转换为JavaScript的向后兼容版本，所以你的项目中用到了ie不支持的语法特性，可以使用babel向后兼容)

• 首先在index.html页面加入以下代码
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />

• 在项目中引入 babel-polyfill

npm install --save babel-polyfill

• 在main.js中导入
  import 'babel-polyfill'

• 修改build文件夹下webpack.base.conf.js的配置