vue-使用可选链操作符编译报错问题

一. 先看报错

        

 可选链操作符是ES2020中推出的新语法,允许我们不需要校验当前属性的类型去尝试访问子属性。

let str = a?.b?.c;

   在vue项目用可选链操作符语法时会出现编译报错的情况，如最上面的报错(图片)， 这时需要安装babel依赖@babel/plugin-proposal-optional-chaining,并添加babel.config.js中。

在babel.config.js中添加:

module.exports = {
  presets: ['@vue/app'],
  plugins: ["@babel/plugin-proposal-optional-chaining"]
}