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。

posted @ 2020-10-24 14:31  xushenz  阅读(109)  评论(0)    收藏  举报