美文网首页vue
Vue中this.$store.dispatch() 与 thi

Vue中this.$store.dispatch() 与 thi

作者: 兰觅 | 来源:发表于2020-12-24 08:31 被阅读0次

    两者的区别

    • this.$store.commit()
      commit: 同步操作
    this.$store.commit('方法名',值)【存储】
    
    this.$store.state.方法名【取值】
    
    • this.$store.dispatch()
      dispatch: 异步操作
    this.$store.dispatch('方法名',值)【存储】
    
    this.$store.getters.方法名【取值】
    

    当操作行为中含有异步操作:
    比如向后台发送请求获取数据,就需要使用action的dispatch去完成了。
    其他使用commit即可。

    其他了解:commit=>mutations,用来触发同步操作的方法。
    dispatch =>actions,用来触发异步操作的方法。
    在store中注册了mutation和action,在组件中用dispatch调用action,然后action用commit调用mutation,

    相关文章

      网友评论

        本文标题:Vue中this.$store.dispatch() 与 thi

        本文链接:https://www.haomeiwen.com/subject/ytbrnktx.html