vue按需渲染依赖精准依赖追踪：用computed订阅具体字段、拆分store模块、封装getter派生状态、对高频更新状态做防抖处理。
Vue 全局状态本身不会自动触发按需渲染，关键在于如何让组件只响应它真正关心的状态变化。直接把全局状态（比如 Vuex 或 Pinia store）的所有字段都绑定到模板中，反而容易引发不必要的重渲染。真正的“按需触发”，靠的是精准的依赖追踪和合理的状态组织方式。
用 computed 精确订阅所需字段
不要在模板里直接读取 store.state.xxx，而是通过 computed 显式声明依赖关系。Vue 的响应式系统会自动记录哪些 state 字段被访问过，仅当这些字段变化时才更新该 computed 及其关联的 DOM 片段。
例如：
- 错误写法：
{{ $store.state.user.profile.name }}—— 每次整个user对象更新都会触发渲染 - 推荐写法：
const userName = computed(() => store.user.profile.name)—— 只有profile.name变化才触发
拆分 store 模块，避免大对象耦合
把全局状态按业务域拆成细粒度模块（如 authStore、searchStore、uiStore），每个组件只导入并使用自己需要的那个 store 实例。这样既降低耦合，也天然隔离了响应式依赖范围。
