自Vue問世至今,熱度不減,各大社區中前端的版塊會常常出現Vue相關的帖子,而其中,有不少同行會選擇使用Vue仿寫一個應用來進行活學活用。這個項目主要收集基於Vue構建的Web Apps,項目名稱將Web Apps縮寫成了was,同時寓意vue曾經有這樣一個氛圍,這樣一個時期,你們是如此的熱愛它。固然了,我相信將來也是同樣的。css
我看到有不少Web App仍是寫得不錯的,但可能不多有人能發現它們,因而我尋思着要把它們收集起來。無論怎樣,但願你們能夠多多提供資料吧,也給這些項目star,我也會持續維護這個項目的。html
資料對你們來講比較重要,因此我把表格調上來了:前端
名稱 | 預覽地址 | 文章 | 倉庫地址 |
---|---|---|---|
嗶哩嗶哩 | Demo | SegmentFault | Github |
貓眼電影 | Demo | SegmentFault | Github |
豆瓣電影(版本1) | Demo | SegmentFault | Github |
豆瓣電影(版本2) | Demo | SegmentFault | Github |
滴滴出行 | Demo | SegmentFault | Github |
微信(版本1) | Demo | SegmentFault | Github |
微信(版本2) | Demo | SegmentFault | Github |
新浪微博 | Demo | SegmentFault | Github |
騰訊課堂 | Demo | SegmentFault | Github |
騰訊體育 | Demo | SegmentFault | Github |
閒魚 | Demo | SegmentFault | Github |
餓了麼(版本1) | Demo | 簡書 | Github |
餓了麼(版本2) | Demo | SegmentFault | Github |
鏈家 | Demo | 簡書 | Github |
今日頭條 | Demo | SegmentFault | Github |
知乎日報 | Demo | SegmentFault | Github |
V2EX | Demo | SegmentFault | Github |
CNode | Demo | SegmentFault | Github |
ONE.一個(版本1) | Demo | SegmentFault | Github |
網易雲音樂 | Demo | SegmentFault | Github |
尤大博客 | Demo | SegmentFault | Github |
火車購票 | Demo | SegmentFault | Github |
愛新聞 | Demo | SegmentFault | Github |
nReader | Demo | SegmentFault | Github |
微豆 | Demo | SegmentFault | Github |
王者盒子 | Demo | SegmentFault | Github |
網易雲MV | Demo | SegmentFault | Github |
另外有一些沒有預覽地址的項目,就沒有寫到我本身的小項目裏了,做爲資料,一併整理過來吧:vue
名稱 | 文章 | 倉庫地址 |
---|---|---|
京東 | SegmentFault | Github |
仿手機QQ | SegmentFault | Github |
天氣預報 | SegmentFault | Github |
豆瓣電影(版本3) | SegmentFault | Github |
蘑菇街 | SegmentFault | Github |
QQ音樂(有預覽地址但沒設置viewport,先記錄在這裏) | SegmentFault | Github |
Readhub | 知乎 | Github |
賣座電影網 | - | Github |
ONE.一個(版本2) | 知乎 | Github |
MyDiary | - | Github |
名稱 | 預覽地址 | 文章 | 倉庫地址 |
---|---|---|---|
小米官網 | Demo | 掘金 | Github |
cnodejs | Demo | - | Github |
RubyChina | Demo | 簡書 | Github |
微信PC版 | Demo | 簡書 | Github |
網易嚴選 | Demo | - | Github |
同時,純粹的收集有點無趣,因而也用Vue寫了一個小東西出來,能夠掃下面的二維碼來體驗,不過圖片加載可能比較慢就是了。node
要註明一點就是,這個項目中的同一個App(例如:豆瓣電影)可能單單在SegmentFault上就有好多個,我並無冒犯的意思,我只是避免過多的重複,因而只選了其中的一個。git
網址:github
https://vincentpat.github.io/...segmentfault
二維碼:ruby
效果:
微信
此項目僅供學習交流使用。
歡迎給這個項目提供更多有趣的Vue Web App。
另外,若有不妥之處,請發郵件給我:hys510573094@gmail.com。