Create README.md
parent
e3b6da9d6e
commit
bfdac9ab09
@ -0,0 +1,48 @@
|
|||||||
|
# Vue-Socket.io
|
||||||
|
socket.io implemantation for vuejs
|
||||||
|
|
||||||
|
## Install
|
||||||
|
|
||||||
|
``` bash
|
||||||
|
npm install vue-socket.io --save
|
||||||
|
```
|
||||||
|
or
|
||||||
|
|
||||||
|
``` bash
|
||||||
|
bower install vue-socket.io
|
||||||
|
```
|
||||||
|
|
||||||
|
## Usage
|
||||||
|
|
||||||
|
``` js
|
||||||
|
import VueSocketio from 'vue-socket.io'; // for ES6
|
||||||
|
|
||||||
|
// var VueSocketio require('vue-socket.io') // for commonjs
|
||||||
|
|
||||||
|
Vue.use(VueSocketio, 'http://socketserver.com:1923'); // Automaticly socket connect from url string
|
||||||
|
|
||||||
|
/*
|
||||||
|
import socketio from 'socket.io-client';
|
||||||
|
|
||||||
|
var ioInstance socketio('http://socketserver.com:1923');
|
||||||
|
|
||||||
|
Vue.use(VueSocketio, ioInstance); // bind custom socketio instance
|
||||||
|
*/
|
||||||
|
|
||||||
|
var vm = new Vue({
|
||||||
|
sockets:{
|
||||||
|
connect: function(){
|
||||||
|
console.log('socket connected')
|
||||||
|
},
|
||||||
|
customEmit: function(){
|
||||||
|
console.log('this method fired by socket server. eg: io.emit("customEmit", data)')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
clickButton: function(val){
|
||||||
|
// $socket is socket.io-client instance
|
||||||
|
this.$socket.emit('emit_method', val);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
```
|
Loading…
Reference in New Issue