vuex 基础

Posted mufc

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuex 基础相关的知识,希望对你有一定的参考价值。

  vuex 状态管理模式,采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化;

  每一个 vuex 应用的核心是 store ,store 可以看做一个容器,跟 data 相对差不多,包含着应用中大部分的 state 状态;vuex 和 普通的全部对象有两个不同:

    1)、vuex 的状态存储是响应式的;当 vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么响应的组件也会相应的得到高效的更新;

    2)、vuex 中的 store 里边的数据不能直接改变,改变 store 中的状态只能是显式的提交mutation,即通过 commit 提交 mutation 中的方法;这样我们就可以方便的跟踪一个 state 的变化;

  vuex 包括 state、getter、mutation、action module 等属性和方法,其中 state 相当于 vue 组件中的 data,getter 类似于 vue 组件中的 computed,mutation 类似于组将中的 methods;action 类似于 mutation ,不同的是 action 提交的是 mutation ,而不是直接改变 state,action 可以包含异步的操作;action 中方法的调用需要用到分发,即 store.dispatch(‘ acitonMd ‘)

  

以上是关于vuex 基础的主要内容,如果未能解决你的问题,请参考以下文章

vuex基础详解

vuex 基础

Vue基础知识总结 14:Vuex是做什么的?

vuex基础入门

Vuex基础:教程与释义

Vuex基础:教程与释义