vue2项目中支持可选链语法(?.)babel/plugin-proposal-optional-chaining

前言

可选链 (Optional Chaining) 是不直接支持的，因为这是在ES2020中引入的新特性。Vue 2通常使用ES5或ES6（ES2015）语法。
但可以通过Babel来转换这种新特性，方便在Vue 2项目中使用

1.判断规则：在链式调用的时候判断，左侧的对象是否为null或undefined。如果是的，就不再往下运算，而是返回undefined。

2.安装

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

3.然后在Babel配置文件.babelrc或babel.config.js文件里新增下面这块配置

{
  "plugins": [
    [
      "@babel/plugin-proposal-optional-chaining"
    ] //解析 可选链式语法
  ]
}

4.最后可以在项目中使用了