老师你好,请问一下,怎么在页面中做asyncData数据请求的时候获取到vuex state里的数据?

来源:5-3 Nuxt.js基础(3)

qq_慕婉清2246407

2019-07-06

图片描述
我在vuex actions做了这样的请求,把数据存到了state里,然后在其他页面或组件每次请求时都会带上这些请求回来的数据,请问怎么在其它页面做asyncData请求时获取到vuex state里的数据呢?不知道我的思路对不对?如果存sessiona或者local或cookie行不行?该如何操作?如果有更好的思路麻烦老师教一下,感谢!

写回答

1回答

快乐动起来呀

2019-07-30

同学你这个思路是不对的。首先什么时候用asyncData方法呢?这个是 SSR 的时候在服务端获取数据用的,你去看下nuxt.js的官方文档,这个 asyncData 只用于页面组件,其次它的上下文对象是req\res(没有vue实例)。所以我建议你在 asyncData 这层只拿服务端数据,这个数据会自动和vue data融合,你要在普通的vue组件的显示逻辑中来处理 融合后的 data 数据与vuex的状态数据

1
0

Vue全家桶+SSR+Koa2全栈开发美团网

整合大前端8项技术,全面晋级全栈工程师,毕设/面试作品

2445 学习 · 1638 问题

查看课程