2023年6月29日发(作者：)
nuxt之asyncData浅析摘要：*asyncData⽅法可以使得你能够在渲染组件之前异步获取数据。asyncData⽅法会在组件（限于页⾯组件）每次加载之前被调⽤解析：传统axio是页⾯静态html，css加载好了之后再去发送请求，获取数据来动态渲染，这样源代码*只有⼀开始加载的⼀点内容，不利于爬⾍抓取asyncData可以在页⾯渲染之前去获取请求数据，再渲染页⾯，这样⼦页⾯源代码就包含所有渲染的数据，利于seo原理分析：说明：nuxt使⽤了node的服务器 node server ，asyncData只是在⾸屏的时候调⽤⼀次（即页⾯渲染之前，所以事件触发不了它）会将新创建的Vue实例返回，会根据实例内容创建好⼀段已经拼装好的代码⽚段最后就是调⽤ssrTemplate将⼀些layout的模板拼装好返回整个页⾯的html页⾯的V-for是重复渲染，所以必须加:key，参考前⼀篇⽂章
发布者：admin，转转请注明出处：http://www.yc00.com/xiaochengxu/1687986849a64091.html
评论列表（0条）