vue学习基础(10)vuex状态管理,store.js

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

安装

vue add vuex

项目自动修改

store.js

state:存放要用到的一些数据

mutations:触发一些方法

获得数据方式一

简写的方法,引入一些东西

import {mapState} from 'vuex'

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

 

改变数据mutations方法

三种调用方法

 

getters对state里面的值可以进行过滤

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

写方法,要有return

页面调用

actions作用是先执行异步操作,再去调用mutation

写一个向服务器请求数据

mutations写一个更新数据方法

引入mock,随机生成数组

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

 

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值