Because components do not have an
asyncData method, you cannot directly fetch async data server side within a component. In order to get around this limitation you have two basic options:
mountedhook and set data properties when loaded. Downside: Won't work for server side rendering.
fetchmethods of the page component and pass the data as props to the sub components. Server rendering will work fine. Downside: the
fetchof the page might be less readable because it's loading the data for other components.
Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!