vue3 - Vue 3中ref和shallowRef的引用类型在同一函数中修改值为何导致视图同步更新？

Question

vue3中关于ref和shallowRef声明的引用类型在同一函数中修改值，会造成shallowRef声明的视图部分也更新的问题

在视图中声明

 <h1>        {{ r }}           </h1>    <h2>        {{ sr }}    </h2><button @click="change">修改</button>

js代码

const r = ref({name:'111111'})const sr = shallowRef({name:'222222'})const change = () => {    r.value.name = '333333'    sr.value.name = '444444'    console.log(r,sr);}

这样会造成sr也会同步更新，然后注释掉r.value.name = '333333'后，就不会。
我查询过是因为ref底层和shallowRef都会触发triggerRefValue造成视图更新，但是我还是没有理解为什么reftriggerRefValue会更新另一个数据依赖

查阅过资料，链接给出：https://juejin.cn/post/7264503868137127971

Answer 1

https://github.com/vuejs/core/issues/5623

跟你一模一样的问题。答案楼里有人说了：

... during re-render all of the component's template is updated with the latest data.