vuex 基础

时间:2019-08-28
本文章向大家介绍vuex 基础,主要包括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 ')

  

原文地址:https://www.cnblogs.com/mufc/p/11423232.html