分享一個比較精致完整的Vue2+項目供大家交流學習，這個項目的英文簡介:Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + vue-resource

項目地址:https://github.com/jeneser/douban

在線演示:https://jeneser.github.io/douban/

翻譯過來呢就是一個涉及面較廣的使用豆瓣API作為數(shù)據(jù)源的Vue2+DEMO蝗锥。使用了Vue團隊所推薦的一些流行的周邊插件或庫跃洛，從路由，到http請求终议，再到集中式狀態(tài)管理，總之你要的，都在這穴张。如果你還不清楚怎樣將這些庫和插件整合在一起细燎，同時使用SCSS來編寫具有漂亮UI界面的完整項目，又或者不能簡單的勾勒出整體的架構(gòu)皂甘，那么這個項目很可能和你胃口玻驻，又或者，你想了解一下Vue的各個API到底怎么用偿枕，用在哪里?吶璧瞬，給你，都在這了渐夸。

我相信很多童鞋在找這么一個項目嗤锉，能由淺入深，而不總是泛泛而談的簡單的使用幾個指令或一些模板語法來糊弄大家墓塌。我讀書少瘟忱，你別忽悠我。當然啦苫幢，很多同學對Vue躍躍欲試访诱，希望能快速上手Vue，享受Vue帶來的樂趣韩肝，卻總是無從下手触菜，不知道用它能做什么，要做點什么哀峻，又或是一些同學在網(wǎng)上零零碎碎看了一些文章涡相，就到處說Vue是多么多么簡單，我不看文檔谜诫，不看你什么有多么NB的項目就能怎么怎么樣漾峡，那你倒是怎么怎么樣啊。

我只能呵呵...記得有句話是這么說的喻旷，你的能力和你的謙虛程度是有很大關(guān)系的生逸。平時在群里遇到的最有趣的莫過于看大家在群里討論了:是日，有同學問了一句且预，為啥我的代碼在IE8里不能運行呢槽袄，有人回到:我的也是，我換了360瀏覽器锋谐，極速模式遍尺，普通模式切換了還是不行，真奇怪啊!于是乎大家開始討論瀏覽器內(nèi)核涮拗，討論你都用什么瀏覽器乾戏，討論蹲在角落滿臉無辜的IE系瀏覽器迂苛，哎呦我去，學習呢鼓择，別介三幻，斗圖吧...你一圖我一圖，問題也就不了了之了呐能。

講個冷笑話念搬，別當真。不過這個問題還是要說一下的摆出。挖了坑終究要填朗徊。Vue響應式原理中的變化追蹤是基于Object.defineProperty的，而Object.defineProperty 是僅 ES5 支持偎漫，且無法 shim 的特性爷恳，這也就是為什么 Vue 不支持 IE8 以及更低版本瀏覽器的原因。了解更多

如果你還不了解這些東西骑丸，也沒事舌仍，慢慢來，靜下心來通危，好好讀讀官方文檔铸豁，如此通俗易懂，行云流水般的中文文檔實在少見菊碟。少一些浮夸與套路节芥，多一些務實與真誠!

昨天晚上更新了LiveDemo，整理了英文README,便給awsome-vue提交了PR,今天早上便被Merge了逆害，是加在了Examples分類下头镊。awsome-vue大概是8到24個小時集中處理一次pr和issue，主要由一位來自日本的開發(fā)者kazupon負責這個事情魄幕。GitHub上成千上萬的開源愛好者年復一年相艇，日復一日，無償?shù)臑樯鐓^(qū)服務纯陨，熱心的幫助來自世界各地的志同道合的小伙伴坛芽，嗯，這大概便是開源精神吧翼抠！又如卡爾維諾所說：“在夢中咙轩，他是一個青年，來到這里他已是老年阴颖，欲望已成記憶活喊，行動起來吧少年，趁時間還早......

好了量愧，扯了這么多钾菊，我都不知道你到底要說什么了帅矗。回到正題结缚，這個項目可能不盡完美损晤，是的软棺，我也在學習中红竭，項目也一直在更新中。對于很多小伙伴要求的完整的登錄邏輯喘落，也正在完善茵宪，后端node已經(jīng)寫了大半了，相信很快就能完成更新瘦棋。我將會抽時間寫個系列文章稀火，把開發(fā)中遇到的問題，坑赌朋，或者是小技巧沉淀下來凰狞，這一系列文章并不會按部就班的從頭到尾復制粘貼代碼一步步告訴你怎樣做個項目，應為這樣的文章太多了沛慢，xx安裝教程赡若，xx入門hello Word教程，不能說沒用团甲，比較雞肋吧逾冬。這一系列文章能寫多少就寫多少，能解決問題躺苦，盡量不扯淡身腻。這大概是第一篇。

最后如果你在查看這個項目時有什么意見或建議可以直接聯(lián)系我或到項目地址提交英文issue匹厘，只要我看到了會立即回復的嘀趟，大家共同學習共同進步。

就這么多吧愈诚。
Hope you like it!

douban_home.png

douban_movie.png

douban_detial.png

douban_search.png

(5月26日更新)
過來更新一下:
這次加了許多東西她按，主要是用戶登錄注冊邏輯，express+jwt扰路，后端代碼部署在heroku上(可能有些慢)供大家在線體驗尤溜，具體后端代碼可以看這里
項目的整體架構(gòu)已經(jīng)OK。辣么汗唱，接下來要做的便是把握細節(jié)了...

Next step:

1. 本地直接mock的數(shù)據(jù)全部轉(zhuǎn)移到后端宫莱，由后端統(tǒng)一提供所有數(shù)據(jù)。
2. 添加評論哩罪，發(fā)話題功能?
3. 規(guī)范部分可復用的組件,合理使用Slot分發(fā)內(nèi)容授霸。(已完成70%)
4. 抽離公用函數(shù)巡验，混合，合理使用自定義指令
5. 表單字段校驗(準備造一個字符校驗的輪子...)
6. 加載動畫以及轉(zhuǎn)場動畫(loading組件已完成)
7. 注釋碘耳，完善注釋和文檔显设，然后再寫一點文章
   ......

*本文首發(fā)于簡書
*原創(chuàng)文章轉(zhuǎn)載請注明
作者：jeneser
Github：https://github.com/jeneser