用 Vue.js 实现了一个 V2EX 克隆项目

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用 Vue.js 实现了一个 V2EX 克隆项目相关的知识,希望对你有一定的参考价值。

用 Vue.js 实现了一个 V2EX 克隆项目

Demo

项目 Demo 请访问: http://v2ex.liuzhen.me/

项目代码: https://github.com/liuzhenangel/v2ex_frontend

项目介绍

v2ex_frontend 项目是一个利用 vue.js 和 v2ex api 实现的 V2EX 社区克隆项目, 主要目的是为了学习 vue.js, 很适合学习 vue.js 的朋友参考.

这是一个前后端分离项目, 前端主要是 vue.js 和 vue-router, css 框架使用了 uikit. 后端利用 v2ex 开放的 api. 支持响应式布局.

核心技术框架

  • vue.js
  • uikit
  • lodash
  • vue-paginate
  • vue-router

系统依赖

  • Node ( >= 6.5 )
  • npm ( >= 3.10.6 )

学习参考资料

vue.js 文档: https://vuejs.org.cn/guide/overview.html

vue-router 文档: http://router.vuejs.org/zh-cn/index.html

lodash 文档: https://lodash.com/docs/4.15.0

uikit 文档: http://getuikit.com/index.html

v2ex api: https://gist.github.com/fanzeyi/6951803https://www.v2ex.com/p/7v9TEc53

 

以上是关于用 Vue.js 实现了一个 V2EX 克隆项目的主要内容,如果未能解决你的问题,请参考以下文章

Vue js 和克隆组件

vue.js之常操作(实例)

Vue JS (Vuetify) 用 slot props 实现双向数据绑定和响应式

Vue.JS v-for循环后,想要实现每个单独项实现单独的show的true\false

Vue.js学习笔记: 指令 v-if

vue.js项目 el-input 组件 监听回车键实现搜索功能示例