vuex的五个核心属性及其辅助函数

vuex的五个属性及使用

vuex是什么？

  vuex 是vue的状态管理工具，统一管理和维护vue的可变状态

vuex的五个核心属性

   state 、getters 、 actions 、 mutations、 modules

1. state

 vuex的基本数据   vuex的状态存储是响应式的，用来存储变量

 javascript
   state: {
   
       userId: '',
       name: '',
       token: '',
     }
     
     //vue中使用this.$store.state.userId

辅助函数 mapState

  当一个组件需要获取多个状态的时候，会声明多个计算属性，会显得重复，复杂，这时候就可以使用 辅助函数mapState 帮助我们生成计算属性

2. getters

  getters就是store的计算属性。
 getters 依赖值改变，就会重新计算

const store = new Vuex.Store({
   
    sta