vue3中用 let a= b赋值会改变b的值

注意b是reactive

const param=reactive({

pageSize:12,

})

在JavaScript中，基本类型（比如String，Number，Boolean，undefined，null）是按值传递的，这意味着当你将一个基本类型变量赋值给另一个变量时，会创建一个新的值拷贝。这样，你在后续操作中改变新变量的值，不会影响原变量的值。

然而，对象（包括数组和函数）是按引用传递的，这意味着当你将一个对象类型的变量赋值给另一个变量时，新变量实际上是指向原变量的内存地址的一个引用。因此，如果你改变新变量的属性，原变量的属性也会被改变，因为它们指向相同的内存地址。

在Vue 3中，reactive函数用于创建响应式对象。当你使用let a = b 来赋值时，如果b是一个响应式对象，a将成为这个响应式对象的一个新的引用。如果你改变a的属性，也会影响到原来b的响应式状态。

解决方法：

如果你不想让a改变b的响应式状态，你可以在赋值前使用toRaw函数来获取原始的、非响应式的对象，然后再进行赋值。

import { toRaw } from 'vue';

let a= toRaw(b);

另一个方法是在赋值时使用ref或toRef来确保a拥有自己的响应式状态，不与b共享。

import { ref } from 'vue';

let a= ref(b);

如果你只是想要一个b的浅拷贝，可以使用JSON.parse(JSON.stringify())来创建一个新的非响应式对象，使用JSON.parse(JSON.stringify())方法时，如果对象中包含函数、undefined、循环引用等，可能会导致序列化失败或进入死循环。因此，这种方法适用于简单的非循环对象。