相关疑难解决方法(0)

Asyncdata与Fetch之间的区别

获取和异步数据之间的确切区别是什么.官方文档说明如下:

asyncData

您可能希望获取数据并在服务器端呈现它.Nuxt.js添加了一个asyncData方法,允许您在设置组件数据之前处理异步操作.

每次加载组件之前都会调用asyncData(仅适用于页面组件).它可以从服务器端调用,也可以在导航到相应的路由之前调用.此方法接收上下文对象作为第一个参数,您可以使用它来获取某些数据并返回组件数据.


fetch方法用于在呈现页面之前填充存储,它类似于asyncData方法,除了它不设置组件数据.每次加载组件之前都会调用fetch方法(如果已设置)(仅适用于页面组件).它可以从服务器端调用,也可以在导航到相应的路由之前调用.

fetch方法接收上下文对象作为第一个参数,我们可以使用它来获取一些数据并填充存储.要使fetch方法异步,返回一个Promise,nuxt.js将等待在呈现组件之前解析promise.


Fetch用于填充商店的数据?但是在asyncData中这也可以通过商店提交吗?我不明白为什么有两种方法.

这两种方法都在初始加载时运行服务器端,之后当您浏览应用程序时,它运行客户端.

有人可以向我解释使用这些方法的优势吗?

感谢帮助.

vue.js vuex vuejs2 nuxt.js

21
推荐指数
5
解决办法
8341
查看次数

标签 统计

nuxt.js ×1

vue.js ×1

vuejs2 ×1

vuex ×1