vuex 学习之路

1.什么是vuex?

    官方:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化

2.什么是store？

 store（仓库）：包含应用中大部分的状态 (state),以及改变状态（state）的方法(Mutation)等等.

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

2. 你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutatio

demo:

    这里你可以用this.$store.state.number获取state里面的变量，如果要改变state里面的number变量，则可以通过this.$store.commit("addNum")

const store=new Vuex.Store({

     state:{

                  number:0

           },

    mutation:{

             addNum(state){

                   state++

            }

     }

})

根据以上基础，我们就可以写一个通用的临时缓存方法

在store的index.js 文件里

在store下module文件夹下新增一个cache.js

这样通过this.$store.state.cache.demoData/(字段名)就可以取到临时储存的变量数据。