《踩坑记录》Vuex使用

vuex需要与vue版本对应，vue2.0+使用vuex3.0+，vue3.0+使用vuex4.0+，vue2.0+使用vuex4.0+会报错

使用：

首先在main.js同级创建一个store文件夹，然后存取、修改共享数据需要index.js入口文件，action.js、mutations.js三个文件

index中就类似于定义变量

mutations中

action中于mutations类似

 

然后在main.js中导入

然后就可以在组件中将数据存进vuex中定义的token中了

 之后就可以使用this.$store.token读取数据了

 以下是官网的详细介绍 地址https://vuex.vuejs.org/zh/guide/

每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同：

1. Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。

2. 你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。