Nuxt.js asyncData传递给不完整数据的组件抛出错误

Question

所以我通过asyncData获取数据，有时它是不完整的。例如，完整的JSON看起来像这样

{
  "UID": "6TIupYLKlcOE97b5Fe63uinf6Ik1",
  "app_metadata": {
    "role": "admin",
    "status": "approved"
  },
  "user_metadata": {
    "firstName": "Jon",
    "lastName": "Doe"
  }
}

但是有时候我可能缺少user_metadata，当我打电话给user.user_metadata.firsName时会抛出"Cannot read property 'firstName' of undefined"，这是有效的JavaScript错误。

获取不完整但在模板中引用的数据的最佳方法是什么？