如何全面掌握Vue.js的Vuex状态管理机制？

本文共计1396个文字，预计阅读时间需要6分钟。

目录 + Vuex 使用 + 安装 Vuex + 配置 Vuex + 页面刷新数据丢失问题 + Vuex 是一个专门为 Vue.js 开发的状态管理模式。主要作用是处理数据交互，父子组件传值可以轻松实现，但兄弟组件间传值（即兄弟传值）则较为复杂。

目录

• Vuex
• 使用
• 安装vuex
• 配置vuex
• 页面刷新数据丢失问题

Vuex

Vuex 是一个专为 Vue.js 开发的状态管理模式。主要是是做数据交互，父子组件传值可以很容易办到，但是兄弟组件间传值（兄弟组件下又有父子组件），页面多并且一层嵌套一层的传值，非常麻烦，这个时候我们就用vuex来维护共有的状态或数据。

vuex一共有五大核心概念

1.state: 用来定义数据的（相当于data），在页面中用获取定义的数据用：

this.$store.state.变量名

getters：计算属性（相当于vue中的computed）,依赖于缓存，只有缓存中的数据发生变化才会重新计算。getters中的方法接收一个state对象作为参数。