使用 Vue 2.0 实现服务端渲染的 HackerNews
Vue 实现 渲染 2.0 服务端 使用
2023-09-27 14:26:15 时间
Vue 2.0 支持服务端渲染 (SSR),并且是流式的,可以做组件级的缓存,这使得极速渲染成为可能。同时, 和 2.0 也都能够配合 SSR 提供同构路由和客户端 state hydration。vue-hackernews-2.0 是 Vue 作者在GitHub上面放的 Vue 2.0 的一个示例项目,结合 Express、vue-router & vuex 来构建,是很好的学习案例。
Features
- Server Side Rendering
- Vue + vue-router + vuex working together
- Server-side data pre-fetching
- Client-side state & DOM hydration
- Single-file Vue Components
- Hot-reload in development
- CSS extraction for production
- Real-time List Updates with FLIP Animation
Architecture Overview
Build Setup
Requires Node.js 6+
# install dependencies npm install # serve in dev mode, with hot reload at localhost:8080 npm run dev # build for production npm run build # serve in production mode npm start
您可能感兴趣的相关文章
相关文章
- qt实现web服务器加载vue应用进行C++和html混合编程-连载【6】-企业级系统开发实战连载系列 -技术栈(vue、element-ui、qt、c++、sqlite)
- How to Watch Deep Data Structures in Vue (Arrays and Objects)
- 2 Vue 中的mounted()方法用 setInterval
- 【Vue】Vue通过路由实现父子【嵌套】功能(图文+完整代码)
- 【Vue】Vuex的安装和实现【全局参数传递】实例(图文+完整源代码)
- Vue - 实现信纸输入写作,类似写明信片时的一张背景图片 + 横格纸效果(信纸格子与文字自动对齐、支持自定义背景图、文字或横线大小与颜色,一切由您 DIY 自定义样式)纯CSS完成支持任何vue项目
- Vue - 实现图片裁剪功能,并上传到服务器(内置第三方最优秀的裁剪图片组件,上传到服务器功能)干净整洁无 BUG 的示例源码与超详细的注释,兼容任意浏览器
- Vue - 实现类似小程序 onShow() 一样的生命周期钩子方法(监听页面的显示,只要页面显示就执行代码)
- Vue + Flask 实现单页面应用
- vue中实现页面顶部加载进度条
- vue项目中定义全局变量、函数的几种方法
- vue-router和webpack懒加载,页面性能优化篇
- vue-cli运行报错
- vue文件高亮
- vue 引入组件
- 基于Java+vue实现(Web)酒店管理系统【100010132】
- vue--自定义标签属性--用于多个事件共同引用一个组件--但是两个事件要实现的功能不同-避免冲突
- vue实战入门后台篇二:springboot+mybatis实现网站后台-登录鉴权功能实现
- vue实战入门后台篇一:springboot+mybatis实现网站后台-项目框架搭建
- vue怎么引入echats并使用 (柱状图 字符云)
- vue框架与koa2服务器实现跨域通信
- vue前台(五)
- idea中启动vue项目
- webpack入坑之旅(六)配合vue-router实现SPA
- Vue结合Element-UI 实现双击单元格编辑
- vue_cli 安装
- ejs结合vue实现SSR ,express+ejs+vue = 服务器端渲染 ?Vue-SSR的奇思妙想
- vue响应式依赖的两种技术之-发布订阅模式的实现