为什么在setup语法糖中传值给pinia在别的组件不能获取到数据

Question

//组件1
const musicListStore = useMusicListStore();
proxy.$http.get(`/song/detail?ids=${ids.join(",")}`).then((result) => {
    musicListStore.getAllSongsData(result.data.songs)
  }).catch((err) => {
    console.log(err);
  });

//组件2
const store = useMusicListStore();
const songs = computed(() => store.allSongsData);

第一时间组件2的songs是空的，但是刷新后可以获取到数据

Answer 1

你的store.allSonsData是由组件1异步请求赋值上去的，所以并不能保证组件2中的songs第一次渲染的时候就有数据