码迷,mamicode.com
首页 > 其他好文 > 详细

vuex 基础

时间:2019-08-28 13:21:18      阅读:75      评论:0      收藏:0      [点我收藏+]

标签:module   style   预测   核心   font   变化   数据   comm   commit   

  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 基础

标签:module   style   预测   核心   font   变化   数据   comm   commit   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!