vue-miniQQ——基於Vue2實現的仿手機QQ單頁面應用（接入了聊天機器人，可以進行正常對話）

使用Vue2進行的仿手機QQ的webapp的製做，做品由我的獨立開發，源碼中進行了詳細的註釋。 因爲本身也是初學Vue2，因此註釋寫的不夠精簡，請見諒。

項目地址 https://github.com/jiangqizheng/vue-MiniQQ

 

• 項目已實現功能

  • 對話功能——想着既然是QQ總要能進行對話交流，因此在項目中接入了圖靈聊天機器人，能夠與列表中的每一個人物進行對話。

  • 左滑刪除——左滑刪除相關消息。

  • 搜索頁面——點擊右上角搜索按鈕，可以進入搜索頁面，輸入對應的單詞或者數字，動態查找好友。

  • 項目中數據流動由vuex進行控制

  　　注：對於那句Flux 架構就像眼鏡：您自會知道何時須要它。感受好像懂了點什麼。

• 動態圖預覽

　　側邊欄及我的主頁

　　

 

 

　　滑動刪除

　　

　　與機器人進行對話

　　

　　搜索界面

　　

　　tab鍵切換頁面，總體ui

　　

 

　　技術棧

• • 　　vue-cli
  • 　　vue2
  • 　　vue-router
  • 　　vuex
  • 　　axios
  • 　　stylus
  • 　　webpack2
  • 　　muse-ui

　　

　　其餘說明

• • 　　因爲是抱着邊寫邊學的心態，因此可能會出現些不嚴謹的地方，或者明顯的錯誤，關於這點，看到請反饋給我，十分感謝。

  • 　　從零到目前的進度，雖然功能簡單，但仍是花費了很多時間，把項目上傳是但願可以對一些一樣正在學習Vue的小夥伴有一些幫助。

  • 　　因爲是第一次獨立的寫較爲完整的Vue項目，因此但願你們給個Star! Q.o，而且歡迎討論。

　　　　　　最後，項目地址 https://github.com/jiangqizheng/vue-MiniQQ


　　　　　　歡迎交流，但願能對vue學習中的小夥伴有必定的借鑑意義，因爲是做者第一次寫較複雜的我的項目，因此代碼有不完善的地方請諒解，目前項目正在更新中，能夠持續關注進度哦。