vue3 shallowref

作者：潮起潮落发布日期:2025-06-06 浏览:56

// 使用 shallowRef 的示例代码

import { shallowRef, triggerRef } from 'vue';

// 创建一个浅层响应式引用
const state = shallowRef({ count: 0 });

// 修改对象的属性不会触发界面更新
state.value.count = 1; // 不会触发更新

// 需要手动触发更新
triggerRef(state); // 触发更新

// 替换整个对象会触发界面更新
state.value = { count: 2 }; // 会触发更新

// 解释：
// shallowRef 创建的对象是浅层响应式的，只会在其引用的值被替换时触发更新。
// 如果只是修改对象内部的属性，则不会触发更新，需要使用 triggerRef 手动触发。

上一篇：vue 子组件

下一篇：vue3 生命周期函数