vue2.x+vue-cli 彻底解决兼容IE问题（只支持IE8以上）

npm方式

1. npm install babel-polyfill -D
2. 在代码入口文件顶端加入

   import "babel-polyfill"

    

3.  打开webpack配置文件，找到entry字段，修改它：

   entry:['babel-polyfill','./main.js']//假设这里的main.js是代码入口主文件

4. 最重要的一步，添加rules规则（网上很多方法没写到这步）

        这里要配合babel-loader使用，如果没有，请npm install babel-loader -D

       添加规则如下：

module: {
  rules: [
      ...
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
      }
      ...
 ]
}

5.重新运行 npm run dev   IE就可以正常运行了

或许会有部分错误，那是因为可能某个字段或者方法写法有问题，或者不能设置为null等等，这些都再需要特定解决下，但是以上方式，能够解决90%的IE兼容问题（只支持IE8以上，不包括IE8），最终目的只是将ES6转成ES5

常见问题（完成以上解决方式，还是会有部分报错，也可以参考下面）：

1. IE11不识别 data(){}定义的方法(好多都是zhe'zhon)

   data(){
           return {}
       }

   修改为：

   data: function () {
           return {}
       }

    

2. IE10不识别let标识符   
3. Vue不支持IE8, 因为Vue使用了IE8无法模拟的ECMAScript 5 特性, 但它支持所有兼容ECMAScript 5 的浏览器
4. IE8不识别 vue.js 中的: var extendsFrom = child.extends; // 报错缺少标识符
5. xp系统最高只支持IE8