可选链操作符是ES2020中推出的新语法,允许我们不需要校验当前属性的类型去尝试访问子属性。
vue中使用时,需要安装babel依赖@babel/plugin-proposal-optional-chaining,并添加到babel.config.js中。
yarn add @babel/plugin-proposal-optional-chaining --save-dev
// babel.config.js中
module.exports = {
plugins: ['@babel/plugin-proposal-optional-chaining']
}
项目中一般会配置eslint,需要添加@babel/eslint-parser进行解析
parser: 'vue-eslint-parser',
parserOptions: {
parser: '@babel/eslint-parser',
sourceType: 'module',
ecmaVersion: 2020
}
```