vuex笔记(一)——什么是vuex?

Vuex是一个专为Vue.js应用程序开发的状态管理模式

它采用集中式存储管理应用的所有组件的状态。

项目中,它相当于一个*管理仓库,来存储一些页面共用的数据或状态,主要包含以下几个部分:

  • state,驱动应用的数据源——也就是你初始化定义公共数据状态的部分;
  • Vue Components,以声明方式将state映射到视图——也就是把需要的数据从仓库中取出来并渲染到页面上;
  • actions,响应在view上的用户输入导致的状态变化——这块的话,我的理解是相当于vue组件中的method,里面定义的是一些函数方法,这里主要是为了提供一种在vuex中有异步操作的状态,它提交的是mutation,而不是直接变更状态。
  • mutation,个人理解还是和actions一样,提供用户输入操作导致状态变化的钩子,它会直接更改状态。

下面是官网提供的一张示意图:

vuex笔记(一)——什么是vuex?

适用场景:

正如官网所说,如果不是大型应用,使用Vuex可能是繁琐冗余的。一个简单的store模式就足够了。