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文件
// 其他配置
}
}