弄懂vuex的基本使用

95 阅读1分钟

vuex使用(未分模块modules时的使用)

state使用:

Snipaste_2022-04-30_10-58-25.jpg

Snipaste_2022-04-30_10-58-51.jpg

mutation使用

微信截图_20220430113715.png

Snipaste_2022-04-30_11-33-40.jpg

actions使用

Snipaste_2022-04-30_16-41-22.jpg

Snipaste_2022-04-30_16-41-43.jpg

修改state中的数据mutations是唯一途径(这是一种规范!,不是只有mutations才能修改)修改state中的数据mutations是唯一途径(这是一种规范!,不是只有mutations才能修改)

getters使用

Snipaste_2022-04-30_17-21-16.jpg

Snipaste_2022-04-30_17-21-25.jpg

vuex属性之间的调用(如:mutations方法与方法之间的调用)

mutaions

Snipaste_2022-04-30_17-43-42.jpg

actions

Snipaste_2022-04-30_17-48-07.jpg

getters

Snipaste_2022-04-30_17-50-56.jpg

vuex使用(分模块modules的使用)

state使用

Snipaste_2022-04-30_18-25-51.jpg

Snipaste_2022-04-30_19-19-38.jpg

Snipaste_2022-04-30_19-20-11.jpg

mutations使用

Snipaste_2022-05-01_11-48-31.jpg

Snipaste_2022-05-01_11-54-20.jpg

actions使用

Snipaste_2022-05-01_16-15-14.jpg

Snipaste_2022-05-01_16-53-00.jpg