用Vue2.x重写github-explorer

github-explorer

Rebuild with Vue 2.0

源码地址
1.x版本
Live Demo
React版 Demo

简介

之前看到了一个很有意思的项目,是一位大牛写的github-explorer。他用的是 React + rxjs 的组合来处理视图与事件流的,非常有趣。因为我比较喜欢Vue,所以就用Vue1.x重写了一遍,样式文件和组件方式都没有改,只是修改了内核和数据流部分,个人认为对不熟悉函数式编程和Rx的同学来说更加友好一点。

然后Vue2.x出来了,所以,借着学习的旗号,又重写了一遍,vue-routervuex都相应地更新了。我是用vue-migration-helper来一项一项地修改,由于工作实在忙,所以只能用一些碎片时间来做,不过总时长也就两个小时的样子。

所以最近从Vue1.xVue2.x的同学可以通过这个项目对比参考一下两个分支不同的实践。

技术栈:

  • Vuejs BEST!!

  • vue-router 路由

  • vue-resource 数据获取

  • Vuex 状态管理

  • vue-cli 解决了一切的配置烦恼

Get start

npm install
npm run dev

浏览器中输入localhost:8080,报错的话,请加上sudo

温馨提示

这个项目主要是用来学习的,所以我会不断建分支重写,下一个分支是Vue with Rxjs

更加温馨的提示

已经将Vue1.x运用在了大型的项目中,反响一流,下一步是转2.x,希望喜欢Vue的同学坚定信念啊。:)

喜欢就给个star呗:)

Reference

github-explorer

    原文作者:sidkwok
    原文地址: https://segmentfault.com/a/1190000007782924
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞