vue2兼容低版本浏览器(chrome60)

1 .安装好babel后,还需要安装另外2个插件

pnpm i @babel/plugin-transform-arrow-functions -D
pnpm i @babel/plugin-proposal-optional-chaining -D

2. 配置babel,修改babel.config.js

module.exports = {
  presets: [
    "@vue/cli-plugin-babel/preset",
    [
      "@babel/preset-env",
      {
        useBuiltIns: "entry",
        corejs: 3,
        targets: {
          ios: "8",
          android: "4",
          chrome: "58",
        },
      },
    ],
  ],
  plugins: [
    "@babel/plugin-transform-arrow-functions", // 箭头函数转换
    "@babel/plugin-proposal-optional-chaining", // 可选链（?.）转换
  ],
};

3. 修改文件 src/main.js文件,在顶部增加2行

// src/main.js
import "core-js/stable";
import "regenerator-runtime/runtime";


import Vue from 'vue'
import App from './App.vue'
import router from './router'

目前可以在低版本运行vue2,样式还未加载完整