vue2.0仿微信界面聊天室|vue聊天实例

基于vue2.0+vue-cli+vuex+vue-router+webpack+es6+wcPop等技术开发的仿微信聊天界面|仿微信聊天室vue-chatRoom，实现了微信聊天功能，新增了消息下拉刷新，消息表情发送，图片、视频预览，打赏、红包等功能。

技术栈：

• MVVM框架：Vue.js 2.0
• 状态管理：Vuex
• 页面路由：Vue-router
• 弹窗插件：wcPop
• 打包工具：webpack 2.0
• 环境配置：node.js + cnpm
• 图片插件：vue-photo-preview

效果截图：

主页面main.js引入

/*
 *  主页面js
 */
import Vue from 'vue'
import App from './App.vue'

// >>>引入js
import $ from