vuex/pinia/eventBus学习记录

1. vuex：
   1. vuex是什么：
      1. vue中实现数据管理的插件，对多个组件的共用状态进行管理，也能实现组件之间的数据传递
   2. vuex优点：
      1. 集中共享数据管理，便于数据共享
      2. 响应式
   3. vuex用法
      1. store：
         1. 创建store对象：const store = new Vuex.Store({ state:{count:0} })
         2. 访问store数据：this.$store.state
         3. mapstate：能帮助生成计算属性coumputed:{ ...mapState(['count']) }
      2. mutations：只能通过mutations内定义变更store数据的函数，并不能直接操作store里面的数据，不能实现异步操作：
         1. 定义mutations
         2. 触发mutations： this.$store.commit('add')
         3. 使用mapMutations：将需要的mutations函数映射为当前的methods方法
            1. 如图
      3. action：
         1. 在actions内定义：
         2. 触发actions：this.$store.dispatch('addAsync')
         3. mapActions：将需要使用的actions函数，映射为当前组件的methods方法
      4. getters：
         1. 定义getters：
         2. 使用getters：this.$store.getters.名称
   4. vuex与eventbus区别：
      1. vuex：响应式变化，与双向绑定原理一样，通过setter与getter进行数据劫持
      2. eventbus：利用时间抛发原理进行数据传递
2. pinia：
   1. 只有store、actions、gettters，其中actions支持同步与异步
   2. store内定义数据，使用storeToRefs(store)实现数据响应式
   3. store.$reset()：重置store内数据
   4. store.$patch：能批量修改store内部数据
   5. store.$state = obj ：替换整个state对象
   6. getters：store内的computed属性