vue-cli 构建的vue2老项目 如何支持js2020新语法可选链运算符?.

要在 Vue CLI 构建的 Vue 2 老项目中添加对 ES2020 新语法可选链运算符（?.）的支持，你需要更新你的项目配置和安装相应的插件。以下是步骤：

1. **检查当前支持情况**：
首先，确认你的项目是否已经使用了 Babel 或者 TypeScript 进行 ES6 以上的语言特性转码。如果没有，你将需要它们。

2. **安装依赖**：
如果你使用的是 JavaScript，可以考虑安装 `@babel/plugin-proposal-nullish-coalescing-operator` 和 `@babel/plugin-proposal-optional-chaining` 插件来引入可选链运算符。如果你已经通过 Webpack 或者 Vue CLI 的 babel 配置管理插件，可以在 `.babelrc` (`.babelrc.js` 或 `.babel.config.js`) 中添加如下内容：

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

如果你使用 TypeScript，那么 TypeScript 自带了这些新特性的支持，无需额外安装。

3. **更新配置**：
如果你在使用 .vue 文件，确保 Vue CLI 的 TypeScript 或者 Babel 模板已启用。如果你使用的是 Vue CLI 3 及以上版本，可以运行 `npm run upgrade` 来更新你的模板到最新版，这通常会包含新的 Babel 配置。

4. **重启服务**：
完成上述步骤后，重启你的开发服务器 (`npm run serve` 或者 `yarn serve`）以应用新的设置。

5. **开始使用可选链**：
现在你可以直接在代码中使用 `.?.` 运算符了，例如 `user?.name`。如果 `user` 为 `null` 或 `undefined`，表达式不会抛出错误，而是返回 `undefined`。