前端配置 可选链 + 双问号 语法糖

示例代码

const highlightedColor = this.options?.infoStyle?.highlightedColor || '#FFFFFF';
const width = this.options?.width ?? 100;

1、babel.config.js

module.exports = {
    presets: [
        '@vue/app',
        '@vue/babel-preset-jsx'
    ],
    plugins: [
        // 双问号
        '@babel/plugin-proposal-nullish-coalescing-operator',
        // 可选链
        '@babel/plugin-proposal-optional-chaining'
    ]
};

package.json

  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
    "@babel/plugin-proposal-optional-chaining": "^7.20.7",
    "@babel/register": "^7.0.0",
    "babel-eslint": "^10.1.0",
    "babel-loader": "^8.2.2",
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容