vue兼容ie11,core-js

core-js是什么？

1. 它支持最新的 ECMAScript 标准
2. 它支持ECMAScript 标准库提案
3. 它支持一些 WHATWG / W3C 标准（跨平台或者 ECMAScript 相关）
4. 它最大限度的模块化：你能仅仅加载你想要使用的功能
5. 它能够不污染全局命名空间
6. 它和babel紧密集成：这能够优化core-js的导入
7. 它是最普遍、最流行 的给 JavaScript 标准库打补丁的方式

安装core-js

npm install --save core-js

使用

1.main.js

import 'core-js/stable';
import 'regenerator-runtime/runtime';
import 'es6-promise/auto';

2.babel.config

presets: [
        ['@babel/preset-env', {
            useBuiltIns: 'entry', // or "usage"
            corejs: 3,
        }]
    ],

3.vue.config.js
// 因为node_modules里的依赖默认是不会编译的,会导致es6语法在ie中的语法报错,配置node_modules中指定哪些文件夹或文件需要编译

 transpileDependencies: ['vue-grid-layout','resize-detector'],

以上方法解决利用core-js 解决vue不兼容ie问题。