Vuex的使用

43次阅读

共计 379 个字符,预计需要花费 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

正文完
 0