vue3判断props内所有属性复制成功

在 Vue 3 中，为了检测 props 内的所有属性是否已成功复制到组件实例上，你可以利用 `setup` 函数并配合 `ref` 或者 ` reactive` 来跟踪它们。假设你想检查的是一个对象类型的 prop，可以这样做：

// 示例组件
import { ref } from 'vue';

export default {
  props: {
    userProps: {
      type: Object,
      required: true,
    },
  },
  setup(props) {
    // 创建一个 ref 来保存 props 的副本
    const copiedUserProps = ref(props.userProps);

    // 判断复制是否成功
    const isCopiedSuccessfully = Object.keys(props.userProps).every(key => {
      return copiedUserProps.value[key] === props.userProps[key];
    });

    // 返回一个 computed property，以便在 template 中访问这个布尔值
    const checkPropsCopyStatus = () => isCopiedSuccessfully;

    return {
      copiedUserProps,
      checkPropsCopyStatus,
    };
  },
};

在这个例子中，`isCopiedSuccessfully` 是一个 computed property，当 props 中的属性有更新时，它会重新计算是否所有属性都已经被正确复制。如果所有属性值都相等，则表示复制成功。