当前位置:首页 > 日记 > 正文

Vue 2.X的状态管理vuex记录详解

Vue 2.X的状态管理vuex记录详解

记住上述的顺序情况:想要改变state,只能通过Mutation,虽然action可以直接改变state,这样会使每个状态可以方便的跟踪和记录(用Devtools跟踪)

vue Method   --->  Actions  ---> Mutions  ---> State (作用于vue)

在Vue2.X中使用vuex的情况:

  1、多个视图依赖于同一状态,  比如验证登陆情况。

  2、来自不同视图的行为需要变更同一状态 ,

  3、不在一个组件树(不是父子组件的关系),组件间频繁的进行数据和状态的传递,更改。 

新建一个mutation-types.js文件,这个文件里面只做了一件事,那就是记录了事件类型,对mutation有个整体的把握。 

store 中的状态是响应式的,在组件中调用 store 中的状态简单到仅需要在计算属性computed中返回即可。触发变化也仅仅是在组件的 methods 中提交 mutations。

action中的函数触发,是在vue的methods中通过   this.$store.dispatch('方法名',参数)

action内部的函数具体写法:只是起了一个承上启下的作用,真正的处理逻辑在mutation中。 

需要注意点就是:store.js里面的配置。(想把{}里面东西提出来,在App中new,屡次不成功。)

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。

相关文章

倒计时动画在WPS演示2013中如何制

倒计时动画在WPS演示2013中如何制

动画,倒计时,演示,电脑软件,WPS,  在文档制作中,提到倒计时的制作。很多都建议下载什么插件,我觉得没什么必要,在wps中就可以制作。以下是小编为您带来的关于倒计时动画在WPS演示2013中的制作,希望对您有所帮助。倒计时动画在WPS演示2013中的…

怎么在WPS表格中制作数据透视表并

怎么在WPS表格中制作数据透视表并

填充,空值,数据,透视,表格,  wps表格中的数据很多,想要制作数据透视表,同时将空值填充数据。以下是小编为您带来的关于WPS表格制作数据透视表并填充空值,希望对您有所帮助。WPS表格制作数据透视表并填充空值1、我们箱号取值得到物料号,然后数…

Excel中2007版进行日期格式的操作

Excel中2007版进行日期格式的操作

日期格式,操作,操作步骤,电脑软件,Excel,  Excel2007非常实用,可以用于制作任何表格,在该软件中,单元格的格式有很多种,格式多样有利于人们的使用,其中日期格式的用法大家会经常用到,今天,小编就教大家在Excel中2007版进行日期格式的操作用法。E…

微信小程序实现获取自己所处位置的

微信小程序实现获取自己所处位置的

位置,经纬度,示例,所处,坐标,本文实例讲述了微信小程序实现获取自己所处位置的经纬度坐标功能。分享给大家供大家参考,具体如下:1、效果展示2、关键代码index.wxml布局文件代码<view>纬度:{{latitude}}</view><view>经度:{{longitude}}</view>i…

wps表格如何使用发送邮件功能

wps表格如何使用发送邮件功能

发送邮件,方法,表格,如何使用,使用技巧,  word文档中有一个功能是发送邮件,那么这个发送邮件功能要怎么使用呢?新手对wps功能可能不太熟悉。接下来小编举例简单的例子告诉大家wps表格怎么发送邮件的方法。wps表格发送邮件的方法01先打开Wo…

Excel中2010版进行做回归分析的操

Excel中2010版进行做回归分析的操

回归分析,操作技巧,操作步骤,电脑软件,Excel,  如何用Excel.2010版本做回归分析,并进行操作的方法是什么样子的呢?今天,小编就教大家在Excel中2010版进行做回归分析的操作技巧。Excel中2010版进行做回归分析的操作步骤打开Excel.2010,首先输…

Angular2开发——组件规划篇

Angular2开发——组件规划篇

组件,电脑软件,本文集中讲讲笔者目前使用ng2来开发项目时对其组件的使用的个人的一些拙劣的经验。先简单讲讲从ng1到ng2框架下组件的职责与地位:ng1中的一大特色——指令,分为属性型、标签型、css类型和注释型。其中写在css类以及注释中的组…

js和jquery中获取非行间样式

js和jquery中获取非行间样式

样式,电脑软件,js,jquery,样式又分为了行间样式和非行间样式。一般来说行间样式用的是比较少的,因为它能够作用的范围就只有一个元素,而非行间样式的作用范围可以是一类元素(即拥有相同德标签,或者说是有相同的类名,(当然id名不可能相同,唯一性)…

JS排序之快速排序详解

JS排序之快速排序详解

排序,快速排序,详解,电脑软件,JS,本文为大家分享了JS快速排序的具体代码,供大家参考,具体内容如下说明时间复杂度指的是一个算法执行所耗费的时间空间复杂度指运行完一个程序所需内存的大小稳定指,如果a=b,a在b的前面,排序后a仍然在b的前面不稳…

jQuery源码分析之init的详细介绍

jQuery源码分析之init的详细介绍

源码分析,详细介绍,电脑软件,jQuery,init,init 构造器由于这个函数直接和 jQuery() 的参数有关,先来说下能接受什么样的参数。源码中接受 3 个参数:init: function (selector, context, root) { ...} jQuery() ,空参数,这个会直接返回一个空的…

JS字符串false转boolean的方法 |

JS字符串false转boolean的方法 |

方法,推荐,字符串,电脑软件,JS,大家都知道在JS的世界里, 0、-0、null、""、false、undefined 或 NaN,这些都可以自动转化为布尔的 false,那么字符串的"false"是不是false呢,答案是否定的,if("false") 来判断的话,是等于true的所以今天遇到…

怎么在excel中使用矩阵函数在excel

怎么在excel中使用矩阵函数在excel

函数,方法,教程,矩阵,电脑软件,  矩阵函数:定义域和值域都属于方阵的函数称为矩阵函数,它有多种定义方法。当用方阵幂级数的和函数来定义矩阵函数时,方阵函数f(a)=,其中自变量a和函数值f(a)都是n阶方阵,Ck是常系数。下面小编教你在excel中使用…