vue.js在IE浏览器的兼容问题

IE不兼容Vue的原因无非就是编译不了高于ES5的语法,因此解决IE的兼容问题就要将项目中的高级语法转化为IE可以编译的ES5语法.

1.vue-cli2.0项目

1. 安装babel-polyfill 执行以下命令，重启服务器：
npm install --save babel-polyfill

2.在main.js引入 polyfill
import 'babel-polyfill'

3.在webpack.base.conf.js中配置 polyfill:
entry: {
    app: ['babel-polyfill','./src/main.js']
},

2.vue-cli3.0项目

1. 安装babel-polyfill依赖
 npm i babel-polyfill --save-dev

2.在src同级目录下新建vue.config.js文件配置如下

module.exports = {
    configureWebpack:{
    // 其他配置
    },
    chainWebpack: config => {
    // 其他配置
    config.entry('main').add('babel-polyfill') // main是入口js文件
    // 其他配置
   }
}