Vue Vuex的使用

在HTML中使用 v-model="$store.state.data", 前面没有this

state一般用来存储数据的

1.png

getters可以看做vuex的计算属性
一般用来, 组件当中公共的计算属性

2.png

mutations 可以当中组件当中的公共事件函数

3.png

使用mutations在做异步的时候会有点问题, 每次点击事件执行这个函数就直接 执行, 接着就是等待两秒出现效果, 不断的叠加

4.png

5.gif

这时候就要用到actions

6.png

现在就是每次点击过两秒, 这个函数才会出现, 主要是为了解决异步的问题

7.png

8.png

发布了39 篇原创文章 · 获赞 2 · 访问量 578

猜你喜欢

转载自blog.csdn.net/qq_39583550/article/details/104629583