Diferencia entre Asyncdata vs Fetch

¿Cuál es la diferencia exacta entre buscar y datos asíncronos? La documentación oficial dice lo siguiente:

asyncData

Es posible que desee obtener datos y representarlos en el lado del servidor. Nuxt.js agrega un método asyncData que le permite manejar operaciones asincrónicas antes de configurar los datos del componente.

asyncData se llama cada vez antes de cargar el componente (solo para componentes de página). Se puede llamar desde el lado del servidor o antes de navegar a la ruta correspondiente. Este método recibe el objeto de contexto como primer argumento, puede usarlo para obtener algunos datos y devolver los datos del componente.

Ir a buscar

El método fetch se usa para llenar la tienda antes de representar la página, es como el método asyncData, excepto que no establece los datos del componente. El método de búsqueda, si se establece, se llama cada vez antes de cargar el componente (solo para componentes de página). Se puede llamar desde el lado del servidor o antes de navegar a la ruta correspondiente.

El método fetch recibe el objeto de contexto como primer argumento, podemos usarlo para obtener algunos datos y llenar la tienda. Para hacer que el método de búsqueda sea asíncrono, devuelva una Promesa, nuxt.js esperará a que se resuelva la promesa antes de representar el componente.

¿Fetch se ha utilizado para llenar la tienda con datos? Pero en asyncData, ¿esto también es posible comprometerse a través de una tienda? No entiendo por qué hay dos métodos para.

Ambos métodos se ejecutan en el lado del servidor en la carga inicial, después de eso, cuando navega por la aplicación, se ejecuta en el lado del cliente.

¿Alguien puede explicarme la ventaja de usar estos métodos por encima del otro?

Gracias por la ayuda.

Respuestas a la pregunta(1)

Su respuesta a la pregunta