对vuex的理解
vuex是什么:Vuex 是一个状态管理库。集中存储管理应用的所有组件的状态
什么时候使用:构建一个中大型单页应用,需要更好地在组件外部管理状态,如xx项目,每个页面用到amap的一些方法。把这些方法,变量放到vuex中管理,其余页面调用
vuex的属性及使用方法
state、getters、mutations、actions、modules
state:vuex的基本数据,用来存储变量
getters:从基本数据(state)派生的数据,相当于state的计算属性
mutations:提交更新数据的方法,必须是同步的(如果需要异步使用action)。每个mutation都有一个字符串的事件类型(type)和一个回调函数(handler)
action:和mutation的功能大致相同,不同之处在于==》1.Action提交的是mutation,而不是直接变更状态。2.Action可以包含任意异步操作
modules:模块化vuex,可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰,方便管理
dispatch:含有异步操作,例如向后台提交数据,写法: this.
s
t
o
r
e
.
d
i
s
p
a
t
c
h
(
‘
a
c
t
i
o
n
方法名’
,
值
)
c
o
m
m
i
t
:同步操作,写法:
t
h
i
s
.
store.dispatch(‘action方法名’,值) commit:同步操作,写法:this.
store.dispatch(‘action方法名’,值)commit:同步操作,写法:this.store.commit(‘mutations方法名’,值)