阅读数:8 评论数:0

一、概述

在 Vue 中，?. 是 JavaScript 的可选链运算符（Optional Chaining Operator）。它允许你在访问对象属性时避免因 null 或 undefined 引发的错误。

可选链运算符是 ES2020 的特性，确保你的项目配置支持它（例如，使用 Babel 转译）。

二、示例

const user = {
  profile: {
    name: 'Alice',
    address: {
      city: 'Wonderland'
    }
  }
};

// 使用可选链运算符
console.log(user?.profile?.name); // 输出: Alice
console.log(user?.profile?.address?.city); // 输出: Wonderland
console.log(user?.profile?.age); // 输出: undefined
console.log(user?.contact?.email); // 输出: undefined