首页 > 其他分享 >vuex-actions

vuex-actions

时间:2022-11-27 12:00:42浏览次数:38  
标签:info name updateInfo mutations actions state vuex

示例:修改state中info对象的name值

state: {
        info: {id: 1003, name: "kobe" }
    }

 

actions: {//异步的操作写在actions里面
        aUpdateInfo(context){
            setTimeout(()=>{
                context.commit('updateInfo')
            },1000)
        }
    }
mutations: {//同步方法写在mutations中
        updateInfo(state){          
                state.info.name='XX'           
        }
    }

 

 

 

 

 

 

 

  

  

  

标签:info,name,updateInfo,mutations,actions,state,vuex
From: https://www.cnblogs.com/ixtao/p/16929400.html

相关文章

  • vuex-getters
    有时候,需要从store中获取一些state变化之后的数据,这是可以放入getters中     ......
  • vuex-mutations
    通过mutations修改state状态this.$store.commit('mutations中的方法')  conststore=newVuex.Store({state:{counter:100},mutati......
  • vuex页面刷新数据丢失问题的四种解决方式
    vuex是大家使用vue时大多数都会选择的,但是当页面刷新之后vuex数据会丢失,下面这篇文章主要给大家介绍了关于vuex页面刷新数据丢失问题的四种解决方式,需要的朋友可以参考......
  • VUE3 自定义 轻量级全局数据共享方案之一 Provide&inject (简单快速实现vuex功能)
    在vue2中,提供了provide和inject配置,可以让开发者在高层组件中注入数据,然后在后代组件中使用除了兼容vue2的配置式注入,vue3在compositionapi中添加了provide和inject方法......
  • 我的Vue之旅 11 Vuex 实现购物车
    VueCartView.vuescript数组的filter函数需要return显式返回布尔值,该方法得到一个新数组。使用Vuexstore的modules方式,注意读取状态的方式this.$store.state.cart.i......
  • element ui框架(vuex3使用)
        前面我们使用了sessionStorage实现了登陆状态的保存。但是sessionStorage保存的数据是有限的,如果希望实现vue不同组件之间的数据共享,可以使用vuex来实现。目前......
  • element ui框架(vuex模块化)
        上一节我们说到了vuex在数据保存中的作用。其实vuex在实际使用中,需要保存非常多的数据,不可能所有的数据都放到index.js里面。因此,有必要把数据放到单独的模块里......
  • Vue3学习笔记(七)—— 状态管理、Vuex、Pinia
    一、状态管理1.1、什么是状态管理?理论上来说,每一个Vue组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例:<scriptsetup>import{re......
  • VUE3 全局共享数据方案之一 (简单快速实现类似vuex)
    自定义封装单列模式!globalstate由于vue3的响应式系统本身可以脱离组件而存在,因此可以充分利用这一点,轻松制造多个全局响应式数据,并且通过和vuex一样通过某个模块指定......
  • 1、5分钟带你入门vuex(vuex状态管理)
    如果你之前使用过vue.js,你一定知道在vue中各个组件之间传值的痛苦,在vue中我们可以使用vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新,那么接......