首页 > 其他 > 详细

Vuex(二)

时间:2021-09-01 21:22:05      阅读:19      评论:0      收藏:0      [点我收藏+]
  • Vuex的核心概念

3.action

action用于处理异步任务

如果通过异步操作变更数据,必须通过action,而不能用Mutation,但是在action中还是要通过mutation的方法间接变更数据

技术分享图片

 

 

触发actions异步任务时携带参数

技术分享图片

 

 

 this.$store.dispatch()是触发actions的第一种方式,触发actions的第二种方式:

//1.从vuex中按需导入mapActions函数
import {mapActions} from ‘vuex‘

通过刚才导入的mapActions函数,将需要的actions函数,映射为当前组件的methods方法

//2.将指定的actions函数,映射为当前组件的methods函数
methods:{
  ...mapActions([‘addASync‘,‘addNASync‘])  
}

4.getter

getter用于对Store中的数据进行加工处理形成新的数据
1.getter可以对Store中已有的数据加工处理之后形成新的数据,类似Vue的计算属性;
2.Store中数据发生变化,getter的数据也会跟着变化

技术分享图片

 

 getters的第一种使用方式:

this.$store.getters.名称

getters的第二种使用方式

import { mapGetters } from ‘vuex‘

computed:{
  ...mapGetters([‘showNum‘])  
}

 

Vuex(二)

原文:https://www.cnblogs.com/staryin/p/15211541.html

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