使用 Vue 2.0 实现服务端渲染的 HackerNews

Posted 2020-08-21 梦想天空

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用 Vue 2.0 实现服务端渲染的 HackerNews相关的知识，希望对你有一定的参考价值。

　　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

您可能感兴趣的相关文章

原文链接：新手入门指导：Vue 2.0 的建议学习顺序

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

以上是关于使用 Vue 2.0 实现服务端渲染的 HackerNews的主要内容，如果未能解决你的问题，请参考以下文章

Vue和Material Design开源框架Vuetify发布2.0 release版本