美文网首页
使用 Vue 模仿 Readhub

使用 Vue 模仿 Readhub

作者: 李瑞丰v | 来源:发表于2017-06-06 16:54 被阅读0次

项目地址

https://github.com/liruifengv/Readhub-vue

项目简介

Readhub是 小道消息的 作者 Fenng(冯大辉) 老师创业公司 无码科技 的第一款产品。这是一款极简的资讯类工具,旨在每天花几分钟了解互联网行业里发生的事情。目前主要分为热门话题 ,TMT新闻,开发者资讯三个部分。

作为一个 Vue 的初学者,我选择了 Readhub 作为我的第一个 SPA 项目。我用 Vue-cli 脚手架构建了整个项目的结构,在这里我用了 Vue router 做了 tab 导航之间的路由跳转。由于没有 API 接口,我自己创建了一个 JSON 文件,当作一个虚拟的 API ,使用 Vue resource 进行数据请求,所以并不会与真实的 Readhub 进行同步更新。

这是我的第一个 Vue 项目,还有很多的不足需要改进,我也会保持 Vue 的学习热情,同时在前端的路上不断努力。

技术栈

Vue-cli

Vue.js

Vue router

Vue resource

Demo


构建过程

# clone the repo

git clone https://github.com/liruifengv/Readhub-vue.git

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build


求 star ,欢迎批评指正,欢迎 issue

相关文章

  • 使用 Vue 模仿 Readhub

    项目地址 https://github.com/liruifengv/Readhub-vue 项目简介 Readh...

  • 每周推荐:值得收藏的在线工具

    1.ReadHub ReadHub是一个科技新闻聚合阅读产品,使用它可以获得很好的阅读体验,你可以在上面看一些热点...

  • vueMarkdown编辑器实现粘贴图片功能

    使用了一款比较好用的vue-markdown编辑器:vue-simplemde加上模仿github编辑器图片上传,...

  • vue技术栈

    Vue2 实战:模仿卖座电影 一个使用 Vue2 全家桶高仿卖座电影网的项目进阶 vue 全家桶 本项目可以作为一...

  • 如何修改MintUI的默认样式

    由于最近在学习Vue。 所以想使用Vue框架模仿网易云音乐做一个App。 其中用到的就是MintUI框架,不过在使...

  • Vue实例

    Vue2 实战:模仿卖座电影 一个使用 Vue2 全家桶高仿卖座电影网的项目JavaScript 日记 - 一个例...

  • 分享自制Flutter版的ReadHub的经验和历程

    关于ReadHub的描述 关注冯大的公众号很久了,经常受到他的"小道消息"的熏陶,也经常看看他的ReadHub。 ...

  • 微信小程序之computed(仿Vue)

    模仿Vue的computed写一个小程序的computed,在app.js里定义方法,在其他页面直接使用compu...

  • Vue.js 实现 别踩白块游戏

    使用 vue.js 模仿了 <<别踩白块儿>> 这个游戏的经典模式 虽然功能实现了, 但是美中不足的是, 会大量操...

  • 关于马化腾的一件小事

    4月11日,冯大辉创办的无码科技发布了第一款产品:Readhub。Readhub发布后,在知乎上被喷成翔,说什么这...

网友评论

      本文标题:使用 Vue 模仿 Readhub

      本文链接:https://www.haomeiwen.com/subject/mufnfxtx.html