Vuex的使用

框架

浏览数:420

2019-11-1

vuex(redux)

1) 介绍
    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
    原先数据需要保存到各自vue实例对象的data中,当使用vuex之后,就可以将data中的数据集中管理到vuex中。
2) 核心概念
    state         状态 (data)
    getters     获取器(computed)
    mutation     突变(修改data值的唯一方式!)
    action         动作(封装异步代码,然后提交突变,进而修改state值)
3) 使用方式
    1.  实例化
        let store = new Vuex.Store({
            state:{

            },
            getters:{

            },
            mutations:{

            },
            actions:{

            }
        })
    2. 集成到vue中
        new Vue({
            el:'',
            data:{},
            store
        })
    3. 调用
        this.$store

作者:殷浩