美文网首页
帮你更快认识Vuex,数据流向

帮你更快认识Vuex,数据流向

作者: 安可Biganke | 来源:发表于2019-04-30 11:53 被阅读0次

    vuex 是什么

    是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

    多个组件数据传递很困难的时候

    state : 存放所有公用数据,组件使用公用数据 this.$store.state.name即可

    Actions : 如果有异步操作,或者比较复杂的同步操作或批量的同步操作,都可以放在Actions里面

    Mutations: 中放的是一个一个同步的对state的修改,只有通过mutations我们才能改变公用数据的值

    数据改变过程:

    1. vue组件先调用dispatch 来触发Actions做些异步处理或批量的同步操作,紧接着Actions通过提交commit 来调用Mutations , Mutations 中放的是一个一个同步的对state的修改,只有通过mutations才能改变公用数据的值

    2. 如果逻辑简单,vue 组件也可以略过actions, 让组件直接调用mutations来修改state的公用数据的值

    vuex.png

    相关文章

      网友评论

          本文标题:帮你更快认识Vuex,数据流向

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