简介
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,如果是发起一个新的路由,那么这个时候要从头开始循环
仅为个人观点,如有不足,敬请指教