代码如下
<script setup>
import { ref } from 'vue'

const blockMod = () => {
let a = {
site: [0, 1, 0, 2, 1, 2, 2, 2],
};
console.log(a);
return [a];
};

// 所有方块数据
const allBlock = ref()

// 加载全部方块
const getBlock = () => {
allBlock.value = blockMod()
}
getBlock()
allBlock.value0[0,0].site0[0,0] = 8
console.log('allBlock.value', allBlock.value);

</script>

说的是打印的那个a的值，在函数里面的局部变量怎么会如此被修改，代码运行不是从上往下的吗

浅拷贝的原因吧

其实是浏览器实现的问题啦 console.log 对象的时候直到你在控制台点那个箭头展开，浏览器才去查值,也就是延迟执行了。改成 console.log(JSON.stringify(a));看看就知道了
参考 https://developer.mozilla.org/en-US/docs/Web/API/Console/log#logging_objects

>>No.58679246
还有这种说法吗，肥哥你真是我的英雄

>>No.58679246
肥哥还可以和我讲讲，为什么响应式的数据更改，a的数据也会对应更改呢

>>No.58692547
js的数组和对象都是按引用传递，直接用赋值号赋值指向的还是同一个对象/同一块内存(ゝ∀･)