What is the advantage of using asyncData in NUXT on pages, instead of processing in hooks (like async beforeMount)?

Question

JavaScript

Reading the documentation and various answers, I still did not understand the differences, except that with asyncData it is very easy to show the loading bar on top. Tell me what exactly is better? You can also declare variables in the date and in the beforeMount or mount hooks, call axios and write the value to the variable.
Also, through asyncData, it was not entirely obvious how to embed a loader (essentially a variable in data)

Answer 1

Until asyncData completes, the component will not be rendered or zapped.
With the standard approach, the component first renders a stub, then loads the data, then renders something based on the data, with asyncData it does nothing until there is data. It is more comfortable.
Alas, asyncData is not ideal, due to the architecture of vue-router (I once deeply understood, alas, without a complete rewriting of vue-router you can’t do much better), but it’s still more convenient than doing the same by hand.