mirror of
https://github.com/luzhisheng/js_reverse.git
synced 2025-04-12 11:37:09 +08:00
28 lines
640 B
Vue
28 lines
640 B
Vue
import { shallowRef } from 'vue';
|
|
|
|
const user = shallowRef({ name: 'Alice', age: 30 });
|
|
|
|
// 修改 user 本身会触发更新
|
|
user.value = { name: 'Bob', age: 25 }; // 响应式触发
|
|
|
|
// 修改 user.value 的属性不会触发更新
|
|
user.value.name = 'Charlie'; // 不会触发响应式更新
|
|
|
|
|
|
import { shallowReactive } from 'vue';
|
|
|
|
const user = shallowReactive({
|
|
name: 'Alice',
|
|
age: 30,
|
|
address: {
|
|
city: 'New York',
|
|
zip: '10001'
|
|
}
|
|
});
|
|
|
|
// 修改一级属性会触发响应式更新
|
|
user.name = 'Bob'; // 响应式触发
|
|
|
|
// 修改嵌套属性不会触发响应式更新
|
|
user.address.city = 'Los Angeles'; // 不会触发响应式更新
|