13.状态管理VueX 课件.pdfVIP

状态管理VueX

教学内容

l第一节Vuex介绍

l第二节Vuex安装与使用

Vuex介绍

n对于组件化开发来说，大型应用的状态往往跨越多个组件。在多层嵌套的父子

组件之间传递状态已经十分麻烦，而Vue更是没有为兄弟组件提供直接共享数

据的办法。

n基于这个问题，许多框架提供了解决方案——使用全局的状态管理器，将所有

分散的共享数据交由状态管理器保管，Vue也不例外。

nVuex是一个专为Vue.js应用程序开发的状态管理库，采用集中式存储管理应

用的所有组件的状态。

n简单的说，Vuex用于管理分散在Vue各个组件中的数据。

n安装：npminstallvuex@next

状态管理

n每一个Vuex应用的核心都是一个store，与普通的全局对象不同的是，基于Vue

数据与视图绑定的特点，当store中的状态发生变化时，与之绑定的视图也会被

重新渲染。

nstore中的状态不允许被直接修改，改变store中的状态的唯一途径就是显式地

提交（commit）mutation，这可以让我们方便地跟踪每一个状态的变化。

n在大型复杂应用中，如果无法有效地跟踪到状态的变