Vuex总结

本文深入探讨Vuex的使用,包括初始化、state管理、mutations同步更新、actions处理异步操作、getters派生状态以及模块化。强调state修改必须通过mutations,actions用于异步操作,并介绍了辅助函数mapState、mapMutations和mapActions的用法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

修改state状态必须通过mutations

mutations只能执行同步代码,类似ajax,定时器之类的代码不能在mutations中执行

执行异步代码,要通过actions,然后将数据提交给mutations才可以完成

state的状态即共享数据可以在组件中引用

组件中可以调用action

vuex基础-初始化功能
 vue create  demo 创建了一个叫demo的文件、

初始化:

第一步:npm i vuex --save => 安装到运行时依赖 => 项目上线之后依然使用的依赖 ,开发时依赖 => 开发调试时使用
第二步: 在main.js中 import Vuex from 'vuex'

第三步:在main.js中 Vue.use(Vuex) => 调用了 vuex中的 一个install方法

第四步:const store = new Vuex.Store({...配置项})

第五步:在根实例配置 store 选项指向 store 实例对象

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(vuex)
const store = new Vuex.Store({})
new Vue({
  el: '#app',
  store
})
vuex基础-state
state是放置所有公共状态的属性,如果你有一个公共状态数据 , 你只需要定义在 state对象中

// 初始化vuex对象
const store = new Vuex.

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值