当前位置: 首页 > 文档资料 > Vue 2.0 中文文档 >

Vue HackerNews 克隆

优质
小牛编辑
133浏览
2023-12-01

HackerNews 克隆是基于 HN 的官方 firebase API 、Vue 2.0 、vue-router 和 vuex 来构建的,使用服务器端渲染。

Live Demo 注:如果在一段时间内没有人访问过该网站,则需要一些加载时间。

[Source]

特性

  • 服务器端渲染
    • Vue + vue-router + vuex
    • 服务端数据提前获取
    • 客户端状态 & DOM 合并
  • 单文件 Vue 组件
    • 开发时进行热加载
    • 生产时抽出 CSS
  • 使用 FLIP 动画进行实时列表更新

结构概览

Hackernew clone architecture overview