首页 > 其他 > 详细

一段话让你理解vuex的工作模式!

时间:2019-05-22 14:29:12      阅读:83      评论:0      收藏:0      [点我收藏+]

vuex 个人理解:管理各组件公共状态的vue插件,也是个组件相互通信的插件。

组成:1、State:状态树。
   2、Getters:操作state。
   3、Mutation:唯一改变state状态的操作(必须同步操作)。
   4、Action:提交mutation,异步操作得到结果后commit一个对象,名称对应mutation里的方法名称,对象携带载荷。
   5、Module:将vuex进行分模块.(每一个组件都可以有一个vuex)


数据处理方式:vuex的数据总是单向流动,即:用户访问页面(view)触发(某个动作或者初始化刷新:this.$store.dispatch({})一个action,action里面执行的

                         异步操作请求数据,得到数据后commit一个对象,对象里可以有很多参数,对应mutations里的事件名称,以及将
                         得到的数据放入对应事件的payload(载荷)中,在mutations里改变state,当state改变后就会更新页面(component)。

(纯属个人理解)

 

一段话让你理解vuex的工作模式!

原文:https://www.cnblogs.com/cxxb/p/10905471.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!