基于 vue.js 的仿QQ聊天室

简介
这是一款基于 vue.js 开发的聊天室组件库，在提供基础封装的同时，最大程度的增加扩展性。
下面是效果演示图：

MChat组件效果图：

IChat组件效果图：

如何安装
使用 npm 安装

npm install vue-mchat

使用
在main.js中引入

# npm 下载方式
// 进入css
import 'MChat/lib/MChat.css'
//引入组件
import MChat from 'MChat'
// 使用vue加载组件
Vue.use(MChat)
#

如何进行二次开发
方案一：
直接将 pacages 文件夹复制到你需要的项目，在 main.js 中引入 vue-mchat:

import App from './App.vue'
import MChat from '../packages/index'Vue.use(MChat)

方案二：
在 vue-mchat 的基础上进行开发，通过打包成js库引入：

在 vue-mchat 目录下执行：

npm run lib

可获得 lib 文件其中包含 MChat 的编译文件库，将 lib 整个复制到项目里，在 main.js 中引入:

import  '../lib/MChat.css'
import MChat from '../lib/MChat.umd'Vue.use(MChat)

喜欢的同学关注公众号之后回复关键字1128，即可获取源码哦！

基于 vue.js 的仿QQ聊天室相关推荐

网络编程-基于MFC的仿QQ聊天室-2020
基于MFC的仿QQ聊天室(2020) 有幸学习过网络编程的一些知识,出于对编程的热爱,把曾经的一次简单实践编程作业进行了自定义的完成. 编程所需: 编程工具为VS 2010,需要掌握MFC的基本操作以 ...
基于Node.js + WebSocket 的简易聊天室
代码地址如下: http://www.demodashi.com/demo/13282.html Node.js聊天室运行说明 Node.js的本质就是运行在服务端的JavaScript.Node.j ...
java仿qq群聊_[转载]仿QQ聊天室群聊的练习心得
javase的学习即将告一段落,作为最后的一个项目练习,仿聊天室的程序编写让我很是头疼了一阵子.说起来还是自己java基础不牢的缘故导致的,虽然整体框架都已经很清晰了但是实际编写过程中却依然磕磕绊绊, ...
vue仿QQ聊天室|vue聊天实例，直播聊天室
图片压缩百亿站点基于vue2.0+vue-cli+vuex+vue-router+webpack+es6+wcPop等技术开发的仿微信聊天界面|仿微信聊天室vue-chatRoom,实现了微信聊天 ...
win32 API　＆winsock c++架构实现仿QQ聊天室
由于时间紧迫,我决定学习opengl的同时学习winsock,看了两个星期的windows socket编程,发现动手比看书效果好啊,于是,我决定写一个QQ聊天室的小程序,仿照书上的服务器端和客户端代 ...
java仿QQ聊天室群聊(快速写一个简易QQ)
[mie haha的博客]转载请注明出处(万分感谢!): https://blog.csdn.net/qq_40315080/article/details/83052689 用java写聊天室实现群 ...
仿QQ聊天室【方案】
消息格式 struct MSG { struct in_addr fromAdress;//源地址 struct in_addr toAdress; //目的地址 union ...
基于 Vue 开发一个多人聊天室（万字长文） - 从 0 到 1 篇
前言在上个月初,接到一个需求,要开发一个聊天通讯模块并且集成到项目中的多个入口,实现业务数据的记录追踪. 接到需求后,还挺开心,这是我第一次搞通讯类的需求,之前一直是 B 端的业 ...
仿QQ聊天室项目功能总结
项目源码开源在gitee(码云) 地址:https://gitee.com/xiaoclgitee/imitation-qq-chat-room 项目功能总结: 1.页面制作采用Java 的Swin ...

基于 vue.js 的仿QQ聊天室

基于 vue.js 的仿QQ聊天室相关推荐

最新文章

热门文章