nuxt 中应用 vuex状态管理树遇到的异步问题

Ashely_Y

于 2020-08-18 16:24:59 发布

阅读量340

点赞数

CC 4.0 BY-SA版权

文章标签： javascript vue.js

本文链接：https://blog.csdn.net/Ashely_Y/article/details/108080606

export default {
	created() {
		
	}
	methods: {
		getData: async function() {
			await this.$store.dispatch('getNote')
			console.log(this.$store.state.data)
		}
		//不可用 因为actions里定义的是异步函数，所以dispatch方法是在最后执行的，因此此时打印出来的this.store.state.data是原始数据，未发生更改，所以一定要使用异步函数
		getData: async function() {
			await this.$store.dispatch('getNote')
			console.log(this.$store.state.data)
		}
		//此时打印出的this.store.state.data是新数据
	}
}