安装
vue add vuex
项目自动修改

store.js

state:存放要用到的一些数据
mutations:触发一些方法
获得数据方式一

简写的方法,引入一些东西
import {mapState} from 'vuex'

方式三:名字一致,简写数组形式

改变数据mutations方法
三种调用方法


getters对state里面的值可以进行过滤
例子如下,getters对state里面的list进行过滤

写方法,要有return

页面调用
![]()

actions作用是先执行异步操作,再去调用mutation
写一个向服务器请求数据

或
mutations写一个更新数据方法

引入mock,随机生成数组

actions,里面可以执行异步的操作


本文深入探讨了Vue中Vuex的状态管理模式,包括store.js的结构,state、mutations、getters和actions的使用方法。详细讲解了如何通过mapState简化状态映射,以及如何利用mutations改变数据,getters对state值进行过滤,actions处理异步操作。

被折叠的 条评论
为什么被折叠?



