vue教程

Vue2视频教程系列第二十四节-vuex

2018-10-06  本文已影响2人  独绽2018

这节课主要跟大家一起学习下vuex,什么是vuex呢

Vuex 是一个专为Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

这们看了这段官网上的文字可能还是很难理解。其实我们通俗一点说vuex一个状态管理模式,它主要解决两个方面的问题:

1.    解决不同组件之间的数据共享的问题。组件之间包括了父子组件,兄弟组件,没有任何关系的组件之间。

2.    使各组件里数据的持久化。

Vuex一般应用在大型项目里,我们不建议在小型项目里应用。在小型项目里应用vuex还可以会使项目造成更大的混乱。我们一般在小型项目里使用localStorage和sessionStorage来存储数据。

Vuex有五大核心概念:

1.    State:数据存储,类似于data

2.    Getter: 在项目开发中,我们可能会需要一些派生出来的数据,我们就会用getter进行过滤计数等操作。它的作用有点类似于computed。只有它的依赖变化了,它才会去重新渲染

3.    Mutation:方法事件。类似于methods

4.    Action: 有点类似于mutation,但又有些不同,不同在于:1.action提交的是mutation,而不是直接变更状态state数据;2.action可以包含任意异步操作

5.    Module: 在开发大型项目时,数据会非常地复杂,臃肿,不便于管理。这时我们就可以将数据分割成多个模块,每个模块会有单独的state, getter, aciotn, mutation

这节的课程有点抽像,下节课我们将实际应用一下,就会了解其中的秘密了。

就到这里了,休息休息一会儿吧!

微号:duzhan99

上一篇下一篇

猜你喜欢

热点阅读