vuex 使用Store存储共享数据时，需要考虑逻辑上要不要响应Store值的变化

Posted 2021-09-16 BBinChina

原理 ：

Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。

你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。

优势：
当我们组件使用Store的数据时，如果数据变化会重新渲染组件。

缺点：
当组件不需要渲染，但是因为数据变化时，会导致性能损失