vue聊天室web端实战项目|仿微信客户端聊天vue版|vue+elementUI聊天室
很早之前就有使用html5技术开发过一个web版聊天室,后来想着用vue技术捣鼓一版,后面由于各种事情,一直没能落定。最近有些空闲就使用vue开发了一个vueWechat聊天室项目。
使用了Vue2.5.6+Vuex+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术开发,实现了发送消息、表情(动图),图片、视频预览,仿微信右键菜单、网页截图可直接粘贴至编辑框发送。
技术选型:
MVVM框架:Vue2.5.6
状态管理:Vuex
页面路由:Vue-router
iconfont图标:阿里巴巴字体图标库
自定义滚动条:vue-gemini-scrollbar
弹窗组件:element-ui(饿了么前端UI库)
环境配置:node.js + cnpm + webpack
高德地图:vue-amap
图片预览:vue-photo-preview
作者:xiaoyan2015
https://blog.csdn.net/yanxinyun1990/article/details/89735778
本文为作者原创文章,转载请附上本文链接!
點擊查看更多內(nèi)容
1人點贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦