工作日记：Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘XXX‘)

产生原因：

前端需要展示的数据  或  v-model绑定的数据，此时还未从后端读到。

代码如下：

<div class="user__content">
  <span class="name">{{address.userName}}</span>
  <span class="phone">{{address.phone}}</span>
</div>

address是data中接收后端传来的数据对象，因为请求后端数据是异步的，所以address对象暂为由后端返回，此时为空对象，address.userName还不存在，虽然页面最后会正常展示，但在这之前控制台会先报错。

解决方法：

<div class="user__content">
  <span class="name">{{address?.userName}}</span>
  <span class="phone">{{address?.phone}}</span>
</div>

{{address?.userName}}：访问属性时前边加上“?”

这样代表，如果无法确定address是否为空，则需要用address?.userName，表示当address有值的时候才去访问userName属性，没有值的时候就不去访问