带有道具的 Vue3 初始化变量

Question

const props = defineProps({
a: Object
})

function calcs() {
var b = props.a;
b.push({
xxx: yyy
});
}

例如 a={x: 'y'}

每次调用 function 计算时，我都需要在 b.push 之前将 b 设为 {x: 'y'}，但 b 一直在推送 xxx:yyy，有什么解决方案吗？ 我试过 ref(props.a), reactive(props.a), 还是不行

第一次调用计算，output 是 props.a={x: 'y'}
b={x: 'y',xxx: 'yyy'}

第二次调用计算，output 变成 props.a={x: 'y',xxx: 'yyy'}
b={x: 'y',xxx: 'yyy',xxx: 'yyy'}

第三次调用计算，output 变成 props.a={x: 'y',xxx: 'yyy',xxx: 'yyy'}
b={x: 'y',xxx: 'yyy',xxx: 'yyy',xxx: 'yyy'}

我不知道每次调用后 prop a 都会发生变化，我怎样才能得到与第一次调用相同的 output props.a={x: 'y'}
b={x: 'y',xxx: 'yyy'}

谢谢，我是 vue 的新手。

Answer 1

var b = JSON.parse(JSON.stringify(props.a)) 解决了这个问题。