1、服务端渲染和客户端渲染各自指什么?有什么特点?
SSR:服务端渲染网页内容,由服务端生成,首屏时间短,有利于搜索引擎优化;
CSR:客户端渲染,vue、react框架渲染方式,SPA都是客户端渲染,首屏渲染时间长不利于搜索引擎优化
SSR和CSR对比
服务端渲染示例
服务端渲染返回的是字符串,其中的事件是无法生效的,如下图所示,点击按钮,alert不会生效。vue的其他特性也没有了,比如响应式更新也不生效。
image.png
2、同构的本质是什么?
为了解决事件无法生效的问题,引入同构的概念。
一份vue代码在服务端渲染一遍,然后在客户再渲染一遍。服务端渲染解决了首屏显示快,客户端渲染是需要把事件、响应式特性等vue经典的特性都绑回去
我们既可以使用vue的开发模式又可以享受种渲染方式的优势
3、服务端渲染Nuxt框架中异步数据访问asyncData
Nuxt.js 是基于Vue.js库、Node.js和功能强大的开发工具的直观Web框架,可以创建高性能和生产级别的全栈Web应用程序和网站。
image.png