对于nuxt有疑问

来源:4-12 在 Vue SSR 中实现微信 JS-SDK 权限接入

mylovef

2017-08-08

我看了api,api上有两个方法,一个是asyncData方法,用来在设置组件的数据之前能异步获取或处理数据

 一个是fetch 方法,用于在渲染页面前填充应用的状态树(store)数据, 与 asyncData 方法类似,不同的是它不会设置组件的数据

但老师这里似乎并没有使用这两种方法,api中的这两个方法是必须按照api方法名使用?还是可以用别的类似功能方式代替?甚至不使用也不影响?是不是像有的资料写的这算是nuxt类似vue生命周期钩子函数而已?

那么这里老师没有使用这两个api,我就有点搞不明白nuxt的原理了,传统的vuessr有一大堆匹配路由,传递上下文,判断然后改变context状态,最后render这样的方法代码,在nuxt中只需要layout中使用<nuxt>占位符,page引用layout模板,有跳转的时候使用一下nuxt-link,嵌套路由页面使用一下<nuxt-child>配置一下nuxtconfig,这样就能代替vuessr里面的entry-server,server ,entry-client一大堆代码,完成服务端渲染吗?


问题可能比较多,恳请老师能解答,谢谢!



写回答

1回答

Scott

2017-08-13

好多问题,简要回复下,nuxt 是一个比较傻瓜式的框架,很多需要手动处理的事情, nuxt 都帮我们做掉了,我们可以遵循框架,也可以可以灵活使用的,不一定完全按照文档的来,它的原理部分,其实分清楚 同步渲染输出“服务器端渲染后的页面”,以及异步返回 “服务器端渲染后的 js bundle” 这两个场景就可以了,nuxt 框架内部对这两种都做了封装与实现。



0
0

开发微信全家桶项目Vue/Node/MongoDB高级技术栈全覆盖

Nuxt/Vue SSR + Koa2 跨栈开发微信公众号+小程序

989 学习 · 401 问题

查看课程