5.10 Vuex

作者： 作者的头像   bubboo123 ,  2022-05-10 15:21:09 ,  所有人可见 ,  阅读 276

0


1

Vuex的基本使用

1.png{width=52%}

2.png{width=52%}

Vuex的基本概念

State

3.png{width=81%}

4.png

Mutations 用于变更Store中的数据

不能直接对store进行修改，否则后面纠错找不到哪里错

6.png

1. commit的作用就是调用某个mutations函数

7.png

2. 这样操作之后，就可以类似this.add()这样调用Mutations函数了

8.png

不能在mutations函数中执行异步操作

9.png

Action用于处理异步任务

同时验证了只有mutations中定义的函数，才有权利修改state中的数据
commit的作用是触发某个motations函数
dispatch的作用是触发某个action

10.png

11.png

这样操作之后，就可以类似this.addAsync()这样调用Action函数了

12.png

Getter用于对Store中的数据进行·加工处理·形成新的数据（是包装，不修改store中源数据）

13.png

1.png

0 评论