vuex的基础点

1.vuex是什么？为什么要用它？与本地储存有什么区别？

Vuex呢，其实是一个专为Vue.js应用程序开发的状态管理模式和库。它采用集中式存储来管理应用的所有组件的状态，并且通过一些规则，确保这些状态以一种可预测的方式发生变化。这样，我们就能更方便地管理复杂应用的数据状态，实现组件之间的数据共享，比如兄弟组件之间的通信或者多层嵌套组件之间的传值。

我们之所以要用Vuex，主要是因为它能简化数据流的管理。在Vue.js中，组件之间共享状态的传统方式是通过父子组件间的props或事件进行通信。但当应用变得复杂时，这种方式会变得非常繁琐且难以维护。而Vuex提供了一个全局的状态管理方案，使得组件间的通信变得简单而可靠。

至于本地存储，它与Vuex的主要区别在于用途和存储方式。本地存储主要是用于在浏览器中保存数据，这些数据在浏览器关闭后仍然可以保留，并在应用程序重新加载时可用。而Vuex则是将数据存储在内存中，当浏览器关闭时，数据会被清除。所以，本地存储更多地关注的是数据的持久化保存，而Vuex则更侧重于在应用程序运行期间管理组件的状态。

总的来说，Vuex和本地存储都是重要的工具，但它们各自有不同的用途和优势。Vuex帮助我们更好地管理Vue.js应用的状态，而本地存储则让我们能在浏览器中保存和恢复数据。

2.vuex由几个部分组成？每部分干嘛用？

Vuex主要由五个部分组成：state、getters、mutations、actions和modules。

state：这是Vuex的核心，你可以把它看作是存储数据的仓库。state里面存放着应用中共享的状态，也就是各个组件都可以访问到的数据。
getters：getters是基于state的计算属性，用于从state中派生出一些状态，比如对state中的数据进行过滤或计算。你可以把它看作是store的计算属性。
mutations：mutations是唯一能够更改state的地方。每一个mutation都有一个字符串的事件类型和一个回调函数处理器，当这个mutation被触发时，就会调用相应的回调函数并传入状态对象，以此来更改状态。需要注意的是，mutations必须是同步函数。
actions：actions类似于mutations，但它提交的是mutation，而不是直接变更状态。actions可以包含任意异步操作。当需要在组件中执行异步操作并变更状态时，可以通过actions来提交mutation。
modules：当应用变得非常复杂时，store对象就有可能变得相当臃肿。为了解决这个问题，Vuex允许我们将store分割成模块（module）。每个模块拥有自己的state、mutation、action、getter，甚至嵌套子模块——从上至下进行同样方式的分割。这样可以让每一个模块都有自己的命名空间，方便管理和维护。

这五个部分协同工作，使得Vuex能够提供一个强大且灵活的状态管理方案，帮助我们更好地管理和维护Vue.js应用的状态。