vuex

作者: 小学生的博客 | 来源:发表于2017-05-16 13:42 被阅读26次

    一直在使用,也没总结。

    官方介绍:

    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

    安装:

    npm install vuex --save

    为什么使用:

    当单项数据留没法满足多个组件共享状态时。譬如说:

    • 多个视图依赖于同一状态。
    • 来自不同视图的行为需要变更同一状态。

    组成:

    State

    State负责存储整个应用的状态数据,一般需要在使用的时候在跟节点注入store对象,后期就可以使用this.$store.state直接获取状态

    • mapState 辅助函数
      当一个组件需要获取多个状态时候
    Mutations
    • 更改 Vuex 的 store 中的状态的唯一方法是提交 mutation
    • store.commit(mutationName)是用来触发一个mutation的方法。需要记住的是,定义的mutation必须是同步函数
    Actions
    • Action 提交的是 mutation,而不是直接变更状态。
    • Action 可以包含任意异步操作。
    Getters

    有些状态需要做二次处理,就可以使用getters


    推荐阅读:
    Vuex
    Vuex简单入门
    Vuex2.0边学边记+两个小例子

    相关文章

      网友评论

          本文标题:vuex

          本文链接:https://www.haomeiwen.com/subject/rrdlxxtx.html