vue项目中使用可选链 ( ?. )和双问号 ( ?? )配置

1.安装插件：@babel/plugin-proposal-optional-chaining

npm install --save-dev @babel/plugin-proposal-optional-chaining

2.配置babel

.babelrc 或者 babel.config.js 文件添加 plugins 配置

{
  "plugins": [
    "@babel/plugin-proposal-optional-chaining"
  ]
}

3.使用

配置完了,就可以在项目中使用可选链 ( ?. ) 和双问号 ( ?? )

let obj = {}
let a = obj ?. user?. name ?? 'zhangsan' //zhangsan

-------------------------------------------------------------

let obj = {
    user: {
        name:'xiaoming'
    }
}
let a = obj ?. user?. name ?? 'zhangsan' //xiaoming