Vue入门：Vuex 实例

如果你在使用 vue.js , 我想你可能会对 vue 组件之间的通信感到崩溃 。哪有没有解决办法呢？

Vuex：管理vue.js开发的状态管理模式，集中管理了组件的状态和数据。
什么情况下要使用vuex: 当你的页面数据很复杂，通讯很复杂的时候，vuex就是一个不错的选择。

---

单向数据流

state，驱动应用的数据源；
view，以声明方式将state映射到视图；
actions，响应在view上的用户输入导致的状态变化。

1、所有的状态都是通过state反应。
2、所有的组件数据驱动都是来自于一个对象。

运行原理

1、Vue组件通过dispatch来触发Vuex的actions。
2、Vuex的actions触发自己内部的mutations。
3、mutations触发内部的数据源state。
4、数据源(state)反过来渲染Vue组件。

开始使用

• 安装依赖

npm install --save vuex

Vuex 核心概念

• 核心概念

项目源码

仓库地址：demo

---

更多精彩请关注：Vue专题