Nuxt-工作流篇

在这里插入图片描述

简介
Nuxt.js从浏览器发请求,到最终服务端渲染完页面给你中间经历了什么,

准确地说,在这个经历中Nuxt.js的生命周期是什么
Nuxt.js工作流

黄金百战穿金甲,不破楼兰终不还

1、Incoming Request指的是浏览器发出一个请求,那么服务端接收到这个请求之后呢

2、它要检查当前有没有nuxtServerInit这个配置项,

如果有的话就先执行这个函数。Store action是用来操作vuex的

3、middleware中间件,这个中间件是和路由相关,在这里可以做任何你想要的功能

4、验证:validate(),可以配合高级动态路由去做验证,比如说这个页面是否允许跳到别的页面上去,、

如果没有得到我的校验的话,我可以跳走之类的等等

5、获取数据,又分两个函数,第一个是aysncData(),第二个是fetch(),他们两个实现的是同样的功能,

都是获取数据,区别是aysncData()获取的数据是渲染vue组件的,fetch通常是修改vuex的也就是store这些东西的,

6、Render:渲染,有模板,有数据进行渲染了

7、其中有一个nuxt-link,如果是发起一个新的路由,那么这个时候要从头开始循环

仅为个人观点,如有不足,敬请指教

猜你喜欢

转载自blog.csdn.net/handsomezhanghui/article/details/108174505