用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-router和vuex都相應地更新了。我是用vue-migration-helper來一項一項地修改，因爲工做實在忙，因此只能用一些碎片時間來作，不過總時長也就兩個小時的樣子。

因此最近從Vue1.x轉Vue2.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