一、基础介绍
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式
存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测
的方式发生变化。
-
修改state状态必须通过
mutations
-
mutations
只能执行同步代码,类似ajax,定时器之类的代码不能在mutations中执行 -
执行异步代码,要通过actions,然后将数据提交给mutations才可以完成
-
state的状态即共享数据可以在组件中引用
-
组件中可以调用action
二、基本操作
初始化功能
三、基本属性
1、state
state是放置所有公共状态的属性,如果你有一个公共状态数据 , 你只需要定义在 state对象中
2、mutations
state数据的修改只能通过mutations,并且mutations必须是同步更新,目的是形成数据快照
3、actions
state是存放数据的,mutations是同步更新数据,actions则负责进行异步操作
4、getters
除了state之外,有时我们还需要从state中派生出一些状态,这些状态是依赖state的,此时会用到getters
四、Vuex中的模块化
如果把所有的状态都放在state中,当项目变得越来越大的时候,Vuex会变得越来越难以维护
由此,又有了Vuex的模块化