首页 > 其他 > 详细

Vuex状态管理模式

时间:2019-02-26 12:05:34      阅读:156      评论:0      收藏:0      [点我收藏+]

Store:类似容器,包含应用的大部分状态,一个页面只能有一个store,状态存储是响应式的

State : 包含所有应用级别状态的对象

Getters : 在组件内部获取store中状态的函数

Mutations : 唯一修改状态的事件回调函数

Actions : 包含异步操作,提交mutation改变状态

Modules : 将store分割成不同的模块

 

定义一个store,里面有个数据count

技术分享图片

想改变count数据,需要在组件里使用commit

技术分享图片

 

异步操作数据的时候:要触发一个action

技术分享图片

然后在store里面提交一个mutation

技术分享图片

这里面context只是一个有store实例方法的对象,并不是store实例

 

如果想对状态进行限制,可以使用getters

技术分享图片

然后在组件里获取相应的值

技术分享图片

 

Vuex状态管理模式

原文:https://www.cnblogs.com/ninefrom/p/10435889.html

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