vuex

标签：name mutations 操作 commit vuex store

一、vuex理解

https://vuex.vuejs.org/zh/guide/mutations.html 

vuex是组件状态管理，使用的是store容器去储存组件状态

https://blog.csdn.net/m0_70477767/article/details/125155540 详细介绍以及下载加入实例

想要更改store中的状态唯一方法是提交mutation，mutation是同步操作，action是异步操作，可调用mutation

dispatch 是操作actions的，commit 是操作mutations的，都是存值，在组件中，若要取值需要通过this.$store.state.属性名访问   二、代码理解 在所需要触发的事件里调用所需要的操作，比如click事件里使用action异步操作：this.$store.dispatch('increment')

在actions: { 

// 传参         increment (context,name) {               setTimeout(()=>{                 // commit是操作mutations里的东西                 context.commit('change',name);
            },5000)

 }

 mutations:{         change(state,name){             state.username = name         }     }   单独的同步操作是使用mutations   在所需触发的事件里写：this.$store.commit('change',' 张三 ')，可以向 store.commit 传入额外的参数   额外的知识： 路由守卫：登录过一次储存在本地，再次点击页面就不需要登录操作

标签：name,mutations,操作,commit,vuex,store
From： https://www.cnblogs.com/hxiaoman/p/17395761.html