Vue CLI3 使用 ES2020 可选链运算符

1,462 阅读1分钟

场景: 在Vue CLI3.0脚手架中使用ES2020的扩展运算符(** ?. ?? ||= &&= ??=)

步骤:

  1. 安装依赖: npm install  @babel/plugin-proposal-optional-chaining --save

  2. 在babel.config.js中的plugins添加:@babel/plugin-proposal-optional-chaining

modeule.exports = {
  presets:[
    '@vue/cli-plugin-babel/preset'
  ],
  plugins:[
    '@babel/plugin-proposal-optional-chaining'
  ]
}

相关链接: ECMAScript 6 入门-运算符的扩展