Vue3.0监听props方法-降低请求，提高数据使用率

组件A

点击查看代码

<TabPane>
        <InterfaceLog :logData="propsdata"></InterfaceLog>
 </TabPane>

    setup() {
 const propsdata = ref();
  propsdata.value = deatailInfo?.data?.data;
  return {
        propsdata,
   };
  },

组件B

点击查看代码

 props: {
      logData: Array,
    },
  watch(
        () => props.logData,
        (newProps) => {
          list.value = newProps;
        }
      );

在setup组件中，原始性数据定义为ref响应，数组、对象定义为reactive响应 效果较佳