《vue教程课件》_《vue教程课件》_vuex状态管理.docxVIP

Vuex状态管理

Vuex是一个专为Vue.js应用程序开发地状态管理模式。它可以集中管理所有组件的状态，一般应用在中大型单页应用中，可以粗略地理解为一个“非凡的全局对象”，用来解决不同组件之间的数据共享和数据持久化及响应式。

学习目标：

了解状态管理模式

掌握vuex的基本使用

掌握vuex选项配置

8.1Vuex概述

Vuex是vue团队专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。可以简要的理解，vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。

8.1.1状态管理模式

从软件设计的角度，就是以一种统一的约定和准则，对全局共享状态数据进行管理和操作的设计理念。你必须按照这种设计理念和架构来对你项目里共享状态数据进行CRUD。所以所谓的“状态管理模式”就是一种软件设计的一种架构模式。

Vue为了增强组件之间的独立性，采用单向数据流状态管理，如图8-1所示。

图8-1单向数据流关系

图中，sate是驱动应用的数据源;view是将state映射到视图；actions是在view上的输入导致的状态变化。

例1：单向数据流示例

template

divid=demo

!--view--

p{{count}}/p