vue3的setup语法糖中，父组件传给子组件一个引用类型的props，子组件中需要修改这个props，但是又不能引起父组件中这个数据的变化，如何实现？

[StrongerLph]

vue3的setup语法糖中，父组件传给子组件一个引用类型的props(props里的数据是从接口异步获取的)，子组件中需要修改这个props，但是又不能引起父组件中这个数据的变化，如何实现？尝试了cloneDeep、computed等都没有效果。

[Alfred-Skyblue]

The subcomponent is modified after deepClone

const clone = ref(JSON.parse(JSON.stringify(data)))

[StrongerLph]

修改了一下描述，不好意思之前描述不清楚

[Alfred-Skyblue]

const clone = ref(JSON.parse(JSON.stringify(data)))

watch(()=> props.data,(newVal)=> clone.value = JSON.parse(JSON.stringify(newVal)))

[StrongerLph]

这样貌似也不生效，如果是vue2我可以直接在data里面定义一个变量作为副本，在watch里面使用cloneDeep来复制并赋值给这个副本，但在setup语法糖里这些都不生效了

[StrongerLph]

我给watch加上deep后似乎是可以了，非常感谢您的指导！

[Alfred-Skyblue]

如果修改对象属性需要deep