![6a51387be829f37c784e64fcfc8e538b.png](https://i-blog.csdnimg.cn/blog_migrate/6834118d1b00b055f4041534789c1ee4.jpeg)
通知
项目vue+vuex版本已更新版本,只接口图片不加载,不影响初学者学习vue。
更新说明
“vue”: “^2.5.2”,
“vue-router”: “^3.0.1”,
“vuex”: “^3.1.0”
“webpack”: “^4.17.1”,
前言
这个项目是利用工作之余写的一个模仿微信app的单页面应用,整个项目包含27个页面,涉及实时群聊,机器人聊天,同学录,朋友圈等等,后续页面还是开发中。写这个项目主要目的是练习和熟悉vue和vuex的配合使用,利用http://socket.io实现实时聊天。
![66868e50a77b07d79050ee3a57d50a65.png](https://i-blog.csdnimg.cn/blog_migrate/a5710df7e440b84e8d442d53b53cb749.png)
请输入图片描述
欢迎各路大神Issues
技术栈vue2+vue-router+webpack+vuex+scss+svg构图+es6/7说明
本项目主要用于熟悉vue2+vuex的用法
如有问题请直接在Issues中提出
如果觉得对您学习vue有点点帮助,请右上角star一下吧 ^_^
目标功能
![12ee7bf72dc111a316bc0a314724e16b.gif](https://i-blog.csdnimg.cn/blog_migrate/8aaa0c2af490e1f7b38031b76da7cd28.gif)
请输入图片描述
微信
通讯录
通讯录右边导航功能
发现
我
设置
![0e80a1caab08db1acd0ec6d869a9ed41.gif](https://i-blog.csdnimg.cn/blog_migrate/dc203b9ceb9b1f7127ae96fa084628ad.gif)
请输入图片描述
新消息提醒
勿扰模式
聊天
widows 微信已登录
搜索页
对话页
对话功能
单人机器人智能对话页
群聊
![470f5b3f3c25c1c33f8cdfc4997bef3b.gif](https://i-blog.csdnimg.cn/blog_migrate/c6835d879dae010aa9326c76537d4260.gif)
请输入图片描述
朋友圈
朋友圈点赞、评论
个人中心
详细资料
更多
个人相册
更多
收藏
我的钱包
购物
设置
登录
页面部分截图
单人聊天、群聊
![dcc7525e4d1df9e719ba822997378285.gif](https://i-blog.csdnimg.cn/blog_migrate/2901440c21ca205bf0b720783335227e.gif)
请输入图片描述
公众号输入“vue微信全家桶”获取源码
或者直接下载地址
Vue2 全家桶仿 微信App 项目,支持多人在线聊天和机器人聊天