vue中无法识别可选链接符

982 阅读1分钟

可选链操作符是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
}
```