Vue入门(七)——Vuex的使用

下面这个来说一下关于状态管理的内容,具体介绍看入门一的介绍。这里我就直接说怎么使用。
在这里插入图片描述
可以看到这里的使用方法跟那个路由的方法优点相似。都是这样进行使用的。因为他也是一种插件。
先来了解一下状态管理的几种状态之间的变化是怎么样的吧!
在这里插入图片描述

下面就跟我们route一样 ,首先我们要讲我们这个东西进行挂载到我们的Vue实例中去。
下面我就第一张照片,分别说一下里面的参数的作用:
state:就是状态的意思,里面放的就是变量
mutations:这个主要是写一些方法,就跟之前的methods一样的。
actions:主要是为了处理一些异步操作,我们mutations是只能处理同步操作的。所以根据第二张图可以看出我们要在action中处理异步操作的。
getters:这里主要放一些属性,其实就是跟我们之前接触的计算属性是一样的。
modules:由于我们的使用的是单一状态树,所以当我们以后的状态比较多的时候,我们的代码将会不好管理,也非常臃肿。所以我们使用这个对象来处理,这个也就是我们说的模块,里面也会有自己的state等。

其实这些东西就是用来存放一些公共的东西,每个模板都会用到的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值