vue3判断props全部加载完毕

在Vue3中，如果你需要在组件接收到所有props数据之后再执行某些操作，你可以使用`setup()`函数中的`ref`对象结合`watchEffect`或者`onMounted`钩子。首先，你可以创建一个`ref`来存储一个布尔值表示是否所有的prop都已加载：

import { ref, watchEffect } from 'vue'

export default {
  setup(props) {
    const allPropsLoaded = ref(false);

    // 观察props的变化
    watchEffect(() => {
      Object.keys(props).forEach(key => {
        if (!allPropsLoaded.value && !props[key]) {
          return;
        }
        allPropsLoaded.value = Reflect.has(props, key) && props[key];
      });
      if (allPropsLoaded.value) {
        // 当所有prop都存在时执行这里的代码
        console.log('All props are loaded');
      }
    });

    onMounted(() => {
      // 初始状态检查
      if (Object.values(props).every(Boolean)) {
        allPropsLoaded.value = true;
      }
    });

    return {
      allPropsLoaded
    };
  },
}

在这个例子中，`watchEffect`会监听props的变化，并当所有prop都有值时设置`allPropsLoaded`为true。如果在`onMounted`钩子中已经初始化了所有prop，它也会立即标记为加载完成。