二、vue高级:vue框架中的服务端渲染

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容