Websocket handler for VueJS. Support namespaces.
Register the plugin
import VueWebsocket from "vue-websocket";
Vue.use(VueWebsocket);Use it in your components:
<script>
export default {
methods: {
// Emit the server side
this.$socket.emit("add", { a: 5 });
},
socket: {
// prefix: "/counter/",
// namespace: "/counter",
events: {
// Similar as this.$socket.on("changed", (msg) => { ... });
changed(msg) {
console.log("Something changed: " + msg);
}
}
}
};
</script>