vuex的使用VUEX基本详情修改状态 vue-devtools的使用状态跟踪以及回溯同步的vuex提交的流程图异步

VUEX基本详情

图片1.png

修改状态

图片2.png

vue-devtools的使用

状态跟踪以及回溯

图片3.png

同步的vuex提交的流程图：

图片4.png

异步 vuex 修改数据的流程：

图片5.png

Mutations里面如何传参：

图片6.png

图片7.png

Vuex里面如何使用getters （vuex里面的计算属性）、数据如下： [

    {

        "title": "某xxxx去了学校1",

        "dec": "xxxxxxx学习了vue学习了java",

        "xueli":"大专"

    },

    {

        "title": "某xxxx去了学校2",

        "dec": "xxxxxxx学习了vue学习了java",

        "xueli":"大专"

    },

    {

        "title": "某xxxx去了学校3",

        "dec": "xxxxxxx学习了vue学习了java",

        "xueli":"大专"

    },

    {

        "title": "某xxxx去了学校4",

        "dec": "xxxxxxx学习了vue学习了java",

        "xueli":"本科"

    },

    {

        "title": "某xxxx去了学校5",

        "dec": "xxxxxxx学习了vue学习了java",

        "xueli":"本科"

    },

    {

        "title": "某xxxx去了学校6",

        "dec": "xxxxxxx学习了vue学习了java",

        "xueli":"本科"

    }

]