美文网首页
简单说说VUEX

简单说说VUEX

作者: 正年 | 来源:发表于2019-12-27 14:52 被阅读0次

首先,vuex官网上说是一个vue的状态管理工具。可能状态比较难理解,大家可以简单地把状态理解成为vue的data里面的变量。当组件之间的data变量关系复杂一点的时候,就把其中的变量抽离出来管理。大家知道,父子组件之间的通信是比较麻烦的,子组件改变父组件数据还要用$emit。如果有一个地方跟仓库一样统一存放着数据,谁要用谁去请求,谁想改就改该多好是吧,vuex就是干这个的,有点全局变量的意思。任何组件需要拿,改东西,都可以找他。

vuex五个核心属性

1、首先state是惟一的数据载体,跟仓库一样。
2、而mutations是唯一可以改变state的值的东东,使用commit修改state。这两个是vuex最最基础缺一不可的。简单的vuex管理就使用这两个就行。
3、getters的官方说明:派生出新的状态,这个比较难理解。简单来说,就是过滤,组合!
比如说state里面存了一个数组,数组有好多个数据,而我只想要用status:0的那些个,就可以用getters。是不是有点过滤的意思。所以getters有时候还很好用,很必要!。
4、actions是用来提交mutations,为什么不用actions直接修改state值呢?其实大多数的管理工具都是这样做的,比如redux,mobx。actions定义修改的动作并且进行数据请求,通过commit再去触发对应的mutations。是很重要的一个属性,也符合解耦的思想。
5、modules也是辅助方法。比如modulesA有一个完整的state、actions、getters、mutations;modulesB也可以有一个完整的state、actions、getters、mutations,他就是将store分割成模块,避免混淆。

相关文章

  • 简单说说VUEX

    首先,vuex官网上说是一个vue的状态管理工具。可能状态比较难理解,大家可以简单地把状态理解成为vue的data...

  • 通过一个简单实例了解vuex

    简单说明 什么是vuex,vuex怎么使用,什么场景下适合使用vuex, vuex 文档中都有介绍。看完文档之后,...

  • 前端数据流之vuex

    从前整理过vuex,这篇是补充 最简单的vuex 多个组件共享状态时的vuex 初始化 vue create vu...

  • vue状态管理vuex

    一、vuex的简单介绍 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,简单的来说作用是:可以简单...

  • vuex的简单应用01

    二、简单的从store中取值 三、简单的改变vuex中的值 三.1 简单的改变vuex中的值--传递一个参数 三....

  • 2020-03-25 vuex 全集

    Vuex入门(1)—— Vuex的设计初衷和简单使用 https://blog.csdn.net/dkr38020...

  • nuxt入门教程(五)nuxt加载vuex和其他插件

    加载vuex nuxt加载vuex非常简单。甚至都无需我们去修改任何的配置文件,因为nuxt中已经自带了vuex:...

  • vuex入门详解

    vuex最简单、最详细的入门文档 vuex最简单、最详细的入门文档 如果你在使用 vue.js , 那么我想你可能...

  • vuex记录

    前言 官方文档讲vuex讲的很清楚了,本文用于总结vuex的简单使用 简介 Vuex 是一个专为 Vue.js 应...

  • vuex入门

    vuex最简单、最详细的入门文档

网友评论

      本文标题:简单说说VUEX

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