vue2中无法使用空值合并、可选链？

在旧版本的vue2项目中，es6+语法无法使用，这时候需要使用 Babel 进行语法转义：

npm install @babel/plugin-transform-runtime -D

在babel.config.js中配置：

module.exports = {
  //presets: [
  //  "@vue/cli-plugin-babel/preset",
  //  ["@babel/preset-env", { modules: false }],
  //],
  plugins: [
    "@babel/plugin-transform-runtime",
  ],
};

es7+的空值合并与可选链在项目中无法使用时，可安装：

// 可选链
npm install @babel/plugin-proposal-optional-chaining -D

// 空值合并
npm install @babel/plugin-proposal-optional-chaining -D

在babel.config.js中配置：

module.exports = {
  //presets: [
  //  "@vue/cli-plugin-babel/preset",
  //  ["@babel/preset-env", { modules: false }],
  //],
  plugins: [
    "@babel/plugin-transform-runtime",
    "@babel/plugin-proposal-optional-chaining", //可选链 ?.
    "@babel/plugin-proposal-nullish-coalescing-operator", //空值合并 ??
  ],
};