如果你在使用 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专题