解决异步传参时出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误

问题描述

异步传参时会出现 “TypeError: Cannot read properties of undefined (reading‘xxx‘)“这一错误

例如：Cannot read properties of undefined (reading ‘id’)

---

原因分析及解决方案：

1. 出现该错误的原因是因为花括号中的某些属性未定义。很有可能是因为写错了属性名称

2. 异步请求获取数据时，由于数据时异步获取的，所以一开始是没有该数据属性，这种情况下也会报这种错误。
   比如说data中有一个数据playList:{},，初始值为一个空对象。{{playList.tracks}}是不会报错的，但是，{{playList.tracks.id}}这样就会报错。
   因为 playList.tracks已经是undefined了，肯定不能得到undefined的属性。
   所以在初始化时，tracks属性赋值为空就可以解决这一问题。

data() {
    return {
      playList:{tracks:[]},
    }
  },

---