vue平常遇到一些小问题

vue平常遇到一些小问题

在data中定义的对象是异步获取接口里面的数据，存放到这个data中，页面中需要获取playlist对象内层里面的avatarUrl对象数据，但是刚开始playlist里面是空的，没有playlist数据，导致页面获取不到avatarUrl里面的数据。
以下是原文：

 const data = reactive({ playlist: { } });

onMounted(async () => {   
      let result = await getPlaylistDetail(id);
      data.playlist = result.data.playlist;
      console.log(data.playlist);
    });

<img :src="playlist.creator.avatarUrl" />

修改后改为（就是在里面再加一个空对象存放就可以了）：
const data = reactive({ playlist: { avatarUrl：{}} });