Vue SSR架构图及部署方案
2021-08-31 13:44:51 0 举报
Vue SSR构建流程图
作者其他创作
大纲/内容
router/index.jsnew Router(...)
生产renderer对象
renderer.renderToString传入上下文ctx
client激活模式进行挂载
clientManifest
store/index.jsnew Vuex(...)
客户端路由匹配数据预取
HTMLvue接管的动态DOM
data-server-rendered=\"true\"
client-entry.js客户端入口文件
触发vm.render生成vnode
Excute
server-entry.js服务端入口文件
template
webpackbuild
Hydrate
creatApp(store)工厂函数
vue-ssr-client-manifest.json客户端构建清单
HTML
createBundleRendere自动推断注入js/cssr
客户端激活
bundle
Promise
vue-ssr-server-bundle.json服务端构建清单
template.html渲染模版
收藏
0 条评论
回复 删除
下一页