zoukankan      html  css  js  c++  java
  • vuex

    状态管理工具

    state

    存储状态,数据

    mutations

    当需要修改store中的数据时,不能直接对state进行修改,而要调用mutations中定义的方法进行修改。

    function setNum(state, payload){
    }
    this.$store.commit({type:'函数名',参数})

    需要通过payload.参数名,才能获取传入的参数

    注意:只能处理同步操作,如果是异步操作,先通过actions处理,转为同步操作

    actions

    进行异步操作,但依然需要通过mutations修改state

    this.$store.dispatch('action名')

    actions中方法的第一个参数为context,用来调用mutations中的方法

    modules

    由于vuex建议使用单一状态树,但当数据过多时会过于臃肿

    modules将整体分为一个个模块(对象),每个模块拥有自己的state、mutations、actions等等

    默认将每个模块中的内容放到store中整合

    如:

    a模块中的state内容被放到了store的state中:this.$store.a.name

    a模块中的方法,在调用时,与之前调用形式相同:this.$store.commit('方法名')

    当需要在模块的方法中使用根state时,作为第三个参数传入:rootState.xxx 

    而模块中actions的方法,只能调用当前模块的mutations

    getters

    数据需要通过一些操作处理后才能得到。

    函数的第一个参数都为state,可以在第二个参数中传入getters对象,获取其他getters方法。如果想要传入其他参数,作为返回函数的参数传入

  • 相关阅读:
    Notes for GGX paper
    vsix dll缺失问题
    c# 引用其他工程问题
    Springboot+Maven
    http 带cookie值的Post请求(关联测试)
    http 带cookie值的get请求(关联测试)
    DefaultHttpClient 获取cookie信息
    HttpClient+ ResourceBundle接口配置优化
    Cookie和Session的区别
    moco框架——重定向
  • 原文地址:https://www.cnblogs.com/ashen1999/p/12880956.html
Copyright © 2011-2022 走看看