41、Vue.js 状态管理与 LyricsFinder 应用开发

Vue.js 状态管理与 LyricsFinder 应用开发

1. 状态管理基础概念

在开发应用时，状态管理是一个重要的方面。对于组件相关的状态，应保持局部性，而共享状态则适合使用存储（store）来管理。

存储是一种树状数据结构，其内容组织方式可按需选择，通常建议对状态树进行规范化，以降低更新难度，避免同一信息在多处出现。Redux 可与 Vue.js 结合使用，相关说明可参考 https://snipcart.com/blog/redux-vue 。

Redux 的 reducer 应为纯函数。纯函数与函数式编程相关，具有稳定性，给定相同输入，总是返回相同输出，且不依赖外部状态和产生副作用。可参考 https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-pure-function-d1c076bec976#.uw1h6nv66 了解纯函数。在 Redux 中，reducer 以树状组织，每个 reducer 处理特定的动作类型。

2. VueX 介绍

VueX（