> 基于vue2.0+vue-cli+vuex+vue-router+webpack+es6+wcPop等技术开发的仿微信聊天界面|仿微信聊天室vue-chatRoom,新增了消息下拉刷新,实现了消息表情发送,图片、视频预览,打赏、红包等功能。
> https://www.cnblogs.com/xiaoyan2017/p/10657781.html
#### 技术栈:
- MVVM框架:Vue.js 2.0
- 状态管理:Vuex
- 页面路由:Vue-router
- 弹窗插件:wcPop
- 打包工具:webpack 2.0
- 环境配置:node.js + cnpm
- 图片插件:vue-photo-preview
#### 效果截图:
![001360截图20190404102414972.png](https://static.studygolang.com/190407/9bade9f6c462002b109b8c0f817e379f.png)
![002360截图20190404102455835.png](https://static.studygolang.com/190407/f26c50e6397ae76740d517a09ea42060.png)
![003360截图20190404102522217.png](https://static.studygolang.com/190407/6e59fdea324ee647ea1e5d2de095a14d.png)
![004360截图20190404102549202.png](https://static.studygolang.com/190407/fb840c7dd329b48c2cb58cbf7c6513d1.png)
![006360截图20190404102712306.png](https://static.studygolang.com/190407/302ffe852bef6cb40850bbc4a7a45294.png)
![008360截图20190404102741137.png](https://static.studygolang.com/190407/63b5de221e76fb5eb9a939fc6136f628.png)
![010360截图20190404103158010.png](https://static.studygolang.com/190407/cd9f102c75be958544f72dcf81fa8948.png)
![012360截图20190404103301954.png](https://static.studygolang.com/190407/33095260e4a6305e107af4323968562e.png)
![014360截图20190404103510337.png](https://static.studygolang.com/190407/2fcda3f1ec1659f270d8f60aa9fa73ef.png)
![015360截图20190404103635467.png](https://static.studygolang.com/190407/06733db9552343e996bfd6116c8c8d66.png)
![017360截图20190404103734242.png](https://static.studygolang.com/190407/6d928347e15c537109a71bac465479d5.png)
![018360截图20190404103753065.png](https://static.studygolang.com/190407/f5fe9edd8e85629892eaefd31dde39c0.png)
——>>>欢迎一起交流学习 QQ:282310962 wx:xy190310
有疑问加站长微信联系(非本文作者)