vue学习-vuex状态管理模式

vuex能相当于一个公共仓库，保存着所有组件都能共用的数据。

四、包含模块

• State：定义了应用状态的数据结构，可以在这里设置默认的初始状态。
• Getter：允许组件从 store 中获取数据，mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性。
• Mutation：是唯一更改 store 中状态的方法，且必须是同步函数。
• Action：用于提交 mutation，而不是直接变更状态，可以包含任意异步操作。
• Module：可以将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块

Vuex的作用类似全局对象，Vuex 使用单一状态树，用一个对象State包含了整个应用层级的所有状态，你可以理解为这些状态就是一堆全局变量和数据。
 

Vuex的作用类似全局对象，Vuex 使用单一状态树，用一个对象State包含了整个应用层级的所有状态，你可以理解为这些状态就是一堆全局变量和数据。

一.store文件夹

import Vue from "vue"
import Vuex from "vuex"
 
Vue.use(Vuex);

2、main.js引用：（注意路径即可）、

import store from './store';

new Vue({
    el: '#app',
    router,
    store,
    render: h => h(App)
});