美文网首页
帮你更快认识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,数据流向

    vuex 是什么 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,...

  • 模块化vuex,获取、设置数据,及刷新保留数据方法

    前言 1.模块化vuex2.获取vuex中的数据3.设置vuex中的数据4.刷新之后,保留数据 模块化vuex 数...

  • 在vuex里怎么更改数据?

    获取数据: vuex中$store.state是可以获取vuex仓库的数据,vuex仓库的数据是共享的,不管是顶级...

  • vuex

    Vuex介绍: Vuex官网:http://vuex.vuejs.org/ Vuex是实现数据状态管理的技...

  • vuex简单讲解

    vue 理解vuex我们先来认识下vue Vue是单向数据流,v-model只是语法糖而已。单向数据流就是:数据总...

  • 认识vuex

    vuex是一个专为Vue.js应用程序开发的状态管理模式。采用集中式存储管理应用的所有组件的状态,并保证相应规则状...

  • 认识Vuex

    学前准备 本文主要内容来源于官网,为Vuex的基础部分总结,部分案例也参考了互联网上其他分享知识的大佬。本手记结合...

  • vuex 使用教程

    vuex简介 vuex相当于一个浏览器的一个本地存储,不过vuex拥有更复杂的操作,vuex包含了数据定义,数据过...

  • Vuex

    Vuex简介: 由于使用propes传递数据太麻烦,所以使用vuex进行状态管理。不能直接修改vuex中的数据,只...

  • vue的一些基础知识

    vuex 不要为了用vuex而用vuex。vuex 是全局状态管理,类似于数据库 把握住了一些数据的状态。那什么样...

网友评论

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

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