A QQ chat room based on vue.js

Introduction

This is a chat room component library developed based on vue.js, which provides basic encapsulation while maximizing scalability.

The following is a demonstration of the effect:

MChat component renderings:

IChat component effect diagram:

How to install

Install using npm

npm install vue-mchat

use

Import in main.js

# npm download method // enter css
import 'MChat/lib/MChat.css'
//Import component import MChat from 'MChat'
//Use vue to load components Vue.use(MChat)
#

How to carry out secondary development

Option 1:

Simply copy the pacages folder to the project you need, and introduce vue-mchat in main.js:

import App from './App.vue'
import MChat from '../packages/index'

Vue.use(MChat)

Option 2:

Developed on the basis of vue-mchat, it is packaged into a js library and introduced:

Execute in the vue-mchat directory:

npm run lib

You can get the lib file which contains the compiled file library of MChat. Copy the entire lib file into the project and introduce it in main.js:

import '../lib/MChat.css'
import MChat from '../lib/MChat.umd'

Vue.use(MChat)

Summarize

This article ends here. I hope it can be helpful to you. I also hope you can pay more attention to more content on 123WORDPRESS.COM!