vuex

vuex解决的问题:

  1.组建的嵌套(父子组件的嵌套)

  2.非父子关系的组件间共享数据

 

 

 

vuex 五步走:

  1. npm  install vue  -S

  2. vue.use(Vuex)

  3. 创建一个store模块,定义状态管理的规则 state,mutations,actions,getters,module

      state:状态 共享的状态

      mutations:更新状态,只负责更新状态

      actions :接受组件的事件(dispath),通过异步获取数据提交个mutaions

      getters:获取更新的状态

      module:分模块进行状态的管理

  4. 把store模块注册到viewmodel

  5. this.$store 来访问这个 store

    mapGetters把store中的getter方法映射到组建中的computer属性上

    mapActions

    mapMutations

    mapState

    dispatch("事件")

posted @ 2019-06-29 01:01  曼巴博博  阅读(96)  评论(0编辑  收藏  举报