vue3 TypeError:Cannot read properties of undefined(reading 'message')

这个错误通常发生在 Vue.js 3.x 中，当你尝试访问一个尚未初始化或者未定义的数据属性 `message` 时。Vue 模板是惰性的，这意味着它不会立即执行计算属性或方法，只有当它们被引用时才会初始化。

例如：

// 错误的示例
<template>
  <div>{{ user.message }}</div> <!-- 如果 user 还未被赋值 -->
</template>

<script>
export default {
  data() {
    return {
      user: {} // 初始 user 对象没有 message 属性
    };
  }
}
</script>

在这个例子中，如果你试图访问 `user.message`，会抛出 `TypeError: Cannot read properties of undefined (reading 'message')`，因为 `user` 还没有 `message` 属性。

修复这个问题的方法是在使用 `message` 属性之前确保它已经被设置过：

// 正确的示例
<template>
  <div v-if="user">{{ user.message }}</div>
</template>

<script>
export default {
  data() {
    return {
      user: {}
    };
  },
  computed: {
    // 或者你可以将它转换为 computed 属性，避免直接引用
    // 当然也可以在适当的时候给 user 设置 message
    userMessage() {
      return this.user && this.user.message;
    }
  }
}
</script>