基於Vue2.0高仿微信App·第一期

利用Vue2.0模仿微信app，努力作到以假亂真的效果。我的獨立開發，源碼中有詳細的註釋，爲新手提供許多有用的提示信息。後期會增長 仿3DTouch、登錄、註冊、emoji表情內嵌、朋友圈圖片查看等功能，讓它更接近微信App的用戶交互體驗。

倉庫地址：https://github.com/zhaohaodan...

手機預覽

首選紅色，加載較快 藍色爲備胎，加載較慢

測試機爲iPhone 6s，在微信內置瀏覽器以及Safari、Chrome瀏覽器中運行良好。

若以爲不錯想給做者點個贊，能夠給項目增長一個 Star ★，項目會被收錄在your start中，方便往後查看。

若想時時關注項目動態，可 Watch ⊙ 此項目，github平臺會及時通知你項目的動態，你的郵箱也會到通知。

桌面預覽

首選 較快 http://zhaohaodang.com/vue2-wechat

備選 較慢 https://vue2-wechat.github.io

桌面端瀏覽時，建議打開開發者工具 F12，模擬手機預覽 Ctrl+Shift+M (Chrome)

動圖預覽

微信列表的滑動交互

搜素組件的動畫效果

技術相關

• vue-WeChat Wiki 中記錄了開發此項目須要的知識儲備、開發思路、開發利器等。內容會不斷更新，實際上想把它建成我的快速開發的代碼庫。

• 每一個主要的.vue和.js文件都有詳細的註釋提示，建議將倉庫clone到本地，查看源碼。
  示例1( store.js 註解)

示例2( App.vue 註解)

其餘

• vue-see 適用於Vue.js2.0的圖片預覽插件