Vuex - 状态管理模式的配置和使用（state、mutations、getters）

  免费查看本文章可前往我的网站：PiQiu

目录

一、Vuex

前言

1.1、下载和配置 Vuex

1.1.1、下载 Vuex

1.1.2、配置 Vuex

1.2、Vuex 的使用

1.2.1、state 属性

1.2.2、mutations 属性

1.2.3、getters 属性

1.3、实际开发应用

1.3.1、Vuex 和 LocalStorage 实现动态维持登录状态

---

一、Vuex

---

前言

Vuex 就是一个统一管理状态的工具. 

以往如果需要将一个组件的中的数据分享到其他组件上，就需要使用 props ，并且只能单向传递，并且一旦修改某一个共享数据的状态，还需要通知其他组件更新，非常不便于操作.  有了 Vuex 之后，就相当于有了一个共享数据的中心，并且共享的数据是动态更新的.

1.1、下载和配置 Vuex

1.1.1、下载 Vuex

输入如下指令安装（Vue2 适合的版本）：

npm install vuex@3.1.0 

1.1.2、配置 Vuex

a）在脚手架项目的 src 目录中创建 store 文件夹，