My Notes
Search K

Appearance

vue 项目中使用 ?. 和 ?? 操作符 ​

方法一 ​

可选链式操作符 (?.) ​

1. 安装插件 @babel/plugin-proposal-optional-chaining ​
shell
npm install --save-dev @babel/plugin-proposal-optional-chaining
2. 配置 babel ​

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

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

空值合并操作符 (??) ​

1. 安装插件 @babel/plugin-proposal-nullish-coalescing-operator ​
shell
npm install --save-dev @babel/plugin-proposal-nullish-coalescing-operator
2. 配置 babel ​

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

js
{
  plugins: [
    "@babel/plugin-proposal-nullish-coalescing-operator"
  ]
}

方法二 ​

更新依赖 ​

js
...
"@vue/cli-plugin-babel": "4.5.0",
"@vue/cli-plugin-eslint": "^4.5.0",
"babel-eslint": "10.1.0",
"eslint": "6.7.2",
"eslint-plugin-vue": "7.0.0",