vuex

• 下载：npm install vuex --save （vue add vuex（不需要任何操作配置））
• Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

核心概念

• State 数据 所有的原始数据

• Getter 计算属性 computed 跟我的state 相关

• Getter -> Module

• Mutation 内部的事件 控制state

• Action 事件 -> Module

• Module 外部的模版xxx.vue conponents (app.vue)

• Module(computed) -> Getter -> State

• Module(methods) -> Action -> Mutation

1. 创建store.js文件
2. 引入：

import Vuex from 'vuex'
Vue.use('Vuex');

数据显示到页面过程

点击事件action数据改变过程:

在xxx.vue 中
import {mapGetters} from 'vuex'

• 公共的地方 跟所有的模版都说了 我有什么
• 但是我的模版还得和公共的地方说一下 我要什么
• 对于我的所有的模版都可以按需引入
• 父子级交互 达到最简单的状态

真的用vuex的话

import {mapGetters,mapActions} from 'vuex' 
mapGetters -> getters
mapActions -> actions

computed:mapGetters([数据getters]),
methods:mapActions([事件actions])