一款基于Vue2.0高仿微信App的单页应用

概述

利用Vue2.0模仿微信app，努力做到以假乱真的效果。个人独立开发，源码中有详细的注释，为新手提供许多有用的提示信息。项目的第一期接近尾声，后期会增加仿3DTouch、登陆、注册、emoji表情内嵌、通讯录检索、朋友圈图片查看等功能，让它更接近微信App的用户交互体验。

项目地址 https://github.com/zhaohaodang/vue-WeChat

http://Git.oschina.NET/liuyuantao/vue2-WeChat

手机预览

首选红色，加载较快 <基于阿里云虚拟机有效期至2018-03-02>

蓝色为备胎，加载较慢

测试机为iPhone 6s，在微信内置浏览器以及Safari、Chrome浏览器中运行良好。

若觉得不错想给作者点个赞，可以给项目增加一个 Star ★，项目会被收录在 Your stars 中，方便日后查看。

若想时时关注项目动态，可 Watch ⊙ 此项目，github平台会及时通知你项目的动态，你的邮箱也会收到通知。

桌面预览

加载较快 http://zhaohaodang.com/ <基于阿里云虚拟机有效期至2018-03-02>

备选加载较慢 https://vue2-wechat.github.io

桌面端浏览时，建议打开开发者工具 F12，模拟手机预览 Ctrl+Shift+M (Chrome)

动图预览

技术相关

示例1( store.js 注解)

示例2( App.vue 注解)

问题反馈

建议移步Issues，欢迎反馈项目中的不良/错误表现，以及你在开发过程遇到的问题，作者会积极回复。

吐槽

作者是上班族，下班时间搞的这个项目，简直就像是在加班 (￣_￣|||)
能用两周时间结束第一期，也是出乎意料，所以会有一些糟糕的使用体验，在所难免
后期会放出适合新手练手的demo仓库，适合在此基础上进行二次开发的项目。

一款基于Vue2.0高仿微信App的单页应用相关推荐

基于Vue2.0+Vue-router构建一个简单的单页应用
爱编程爱分享,原创文章,转载请注明出处,谢谢!http://www.cnblogs.com/fozero/p/6185492.html 一.介绍 vue.js 是目前最火的前端框架, vue.js ...
【饿了么】—— Vue2.0高仿饿了么核心模块移动端Web App项目爬坑（一）
[饿了么]-- Vue2.0高仿饿了么核心模块&移动端Web App项目爬坑(一) 前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要的知识 ...
高仿微信APP实战（一）-Actionbar的制作与应用
高仿微信APP实战(一)-Actionbar的制作与应用本文是仿微信app实战系列的第一部分,先从简单的做起,边做边学习.从顶部actionbar开始,先看一下效果图: 一.定义主题样式 <r ...
vue-catEye - 基于Vue 2.6.7 轻仿猫眼App的单页应用
=>点我去github 前端代码传送门 =>点我去github 后端代码传送门关于本人2020届大三学生,之前学了Vue之后,萌生了一个想要做一个基于Vue的全栈SPA的想法.前端用的 ...
Vue2.0高仿饿了么核心模块移动端Web App项目爬坑（一）
原文https://www.cnblogs.com/ljq66/p/9980372.html 前言:学习Vue.js高仿饿了么课程过程中,总结了这个Web App项目从准备到开发完毕自己觉得很重要的知 ...
高仿蓝奏云单页下载页面源码
介绍: 蓝奏云下载页面,喜欢的可以下载下来! 记事本打开修改内容网盘下载地址: http://kekewangLuo.net/MSiDnzguCkD0 图片:
iOS Swift 高仿微信
LXFWeChat Swift 3.0 高仿微信两个测试账号: lxf lqr 密码都是123456 源码地址码云 http://git.oschina.net/LinXunFeng/LXFWe ...
【高仿微信系列】03、微信录制小视频
本文为个人原创,欢迎转载,但请务必在明显位置注明出处! GitHub地址:https://github.com/motianhuo/wechat 微信从6.0版本开始推出小视频功能,随着4G网络的出现 ...
iOS - Swift 高仿微信
LXFWeChat Swift 3.0 高仿微信源码地址码云 https://git.oschina.net/coderlxf/LXFWeChat GitHub https://github.co ...