VueX
1.VueX是适用于在vue开发时使用的状态管理工具。
2.首先,vue组件如果调用了某个VueX的方法过程中,需要向后端请求时或者说出现异步操作时,需要dispatch
VueX中actions
的方法,以保证数据的同步。
2.1、mutations
是操作state
数据的方法的集合,比如对该数据的修改、增加、删除等等
都有默认的形参:([state] [,payload])
state
是当前VueX
对象中的state
payload
是该方法在被调用时传递参数使用的
在开发中,使用提交的时候:this.$store.commit('方法名',params)
进行增删state中的成员:Vue.set(state,'age',15),Vue.delete(state,'age')
2.2、Getters,对state中的成员加工后传递给外界,内部的方法会有有2个参数:(state,getters)
state: 当前VueX对象中的状态对象
getters: 当前getters对象,用于将getters下的其他getter拿来用
2.3、Actions (context,payload)
actions的存在就是为了让mutaions中的方法能在异步操作中起作用。
专门进行异步操作,最终提交mutation
方法。
context: 上下文(相当于箭头函数中的this)对象
payload: 挂载参数
在项目中调用的话:this.$store.disptch('',params)
2.4、Models
项目庞大的时候使用,状态非常多的时,可以采用模块化管理。Vuex允许我们将store分割成模块module。