我想从 Vue 3 中的父组件访问子组件中异步存储的数据

问：

我不擅长英语。请谅解。 从 Vue3 中的子组件异步接收数据并将其存储在存储中 检查父组件中存储的值后 我想将isLoad设置为true，但是即使我使用watch，watchEffect也无法检测到它。 怎么了？

App.vue （英语）

const commonStore = useCommonStore();
const storeRef = storeToRefs(commonStore);
watchEffect(() => {
  if (state.value.data1.value !== null && state.value.data2.value !== null) {
    isLoad.value = true;
    // console.log('true', isLoad.value);
  } else {
    console.log('false', isLoad.value);
  }
});


<template>   
     <Component1 />
      <Component2 />
</template>

商店.vue

export const useCommonStore = () => {

  const state = {
    data1: ref(null),
    data2: ref(null),
    isDataLoaded: ref(false),
  };

  const stateInfo = computed(()=>state)
  const getterIsDataLoaded = computed(()=>state.isDataLoaded.value)

  const setData1 = (data: any) => {
    state.data1.value = data;
  };

  const setData2 = (data: any) => {
    state.data2.value = data;
  };

  const resolveIsDataLoaded = (data:any) => {
    state.isDataLoaded.value = data;
  };


  return {
    state,
    stateInfo,
    setData1,
    setData2,
    getterIsDataLoaded,
    resolveIsDataLoaded
  };
};