Vue3 使用细节

一、数据监听

const messages = ref<Message[]> // 深度监听 const temp = shallowRef<Message[]> // 浅监听

总结：

• 数组/对象用 shallowRef
• 基本类型用 ref

二、 Pinia Store 中直接修改 state

• 所有状态修改通过 actions，绕过 actions 直接修改，无法追踪

三、资源引用

• 所有外部资源都要在 onUnmounted 中清理