nuxt执行先后顺序
时间: 2024-01-02 22:19:37 浏览: 233
Nucth的运行流程图
nuxt执行的先后顺序如下:
1. nuxt.config.js 文件中的配置会被加载
2. plugins/ 目录下的插件会被加载
3. store/ 目录下的 Vuex store 会被初始化
4. middleware/ 目录下的中间件会被加载
5. layout/ 目录下的布局组件会被加载
6. pages/ 目录下的页面组件会被加载
在加载页面组件时,还会经过以下步骤:
1. asyncData 方法会被调用,获取数据并注入到组件中
2. fetch 方法会被调用,获取数据并注入到组件中
3. validate 方法会被调用,验证动态路由参数是否合法
4. asyncData 和 fetch 方法中获取的数据会被注入到组件中
5. 页面组件会被渲染
阅读全文