Modification of the shallowRef (number) value of another shallowRef (object) will affect the rendering of the object type

[jshand]

When I declare two shallowRef shallow responder objects.

One is let number = shallow (1).
Another is let person = shallowRef ({name:'jhon',age:18}),

The first step is to change person.value.name = 'Hero' using the button call method. This is fine. The dom of the page is not rerendered in a responsive way.

But when I executed number.value = 99 in the second step, the 'Hero' string was also rendered to the page

please help me ，tell me why？？？ It's wrong with my code or this is an bug?

preview my code

[LinusBorg]

It's normal behaviour. When one reactive dependency of our template changes, the whole template is being re-evaluated and is being updated with the current values of any data that is being used in the template.

This is how dom updates in libraries with virtual DOM work.