用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
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞