vue兼容IE

方法一

1、安装@babel/polyfill

npm install @babel/polyfill --save

2、在main.js中引入

import "@babel/polyfill"

3、在vue.config.js里添加配置

 chainWebpack: config => {
    config.entry('polyfill').add('@babel/polyfill')
}

package.json里要有兼容的版本

"browserslist": [
    "last 1 version",
    "> 1%",
    "IE 10"
  ]

方法二

直接在public/index.html中直接引入JS文件，放在头部第一个script标签

<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script>

在做兼容性时由于用到了vuex-persist来解决vuex的持续性，但是打包后babel无法对vuex-persist进行转义，导致在IE上一直报语法错误，后来uninstall了vuex-persist，使用vuex-persistedstate作为替换