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