/vue-ssr-study

Vue-SSR 原理实践Demo

Primary LanguageJavaScript

Vue-SSR 原理实践Demo

目录介绍

1.node-serve

主要是对服务端渲染中 Node Serve 的实践,基本作用就是,有一个Vue实例,如何通过Bundle Renderer 使其输出 HTML字符串


2.服务端渲染

这里主要是对 Vue-SSR 中 服务端渲染部分的实践,作用就是通过 webpack,使我们写的Vue代码,能够输出一个 Vue实例,然后交给 Bundle Renderer 函数 输出 HTML字符串,通过Node将拼接好的HTML页面发送给客户端


3.客户端渲染

上述通过服务端渲染,可以输出一个完整页面,但是不具有Vue的特性,于是还需要客户端渲染

原理是:服务端渲染的页面会携带上特定的字段,例如 #app,并且会在最后 请求用于客户端渲染的 bunndle.client.js,这个会 将Vue实例 挂载到 #app 上,让客户端具有Vue的特性