@apavelm/vue-signalr

Signalr client for vue js

Usage no npm install needed!

<script type="module">
  import apavelmVueSignalr from 'https://cdn.skypack.dev/@apavelm/vue-signalr';
</script>

README

vue-signalr

Installation

$ npm install @apavelm/vue-signalr --save

Get started

import Vue from "vue";
import VueSignalR from "vue-signalr";

Vue.use(VueSignalR, "SOCKET_URL");

new Vue({
  el: "#app",
  render: h => h(App),

  created() {
    this.$socket.start({
      log: false // Active only in development for debugging.
    });
  }
});

Example with component

Vue.extend({

  ...

  methods: {

    someMethod() {
      this.$socket.invoke('socketName', payloadData)
        .then(response => {
          ...
        })
    }

    async someAsyncMethod() {
      const response = await this.$socket.invoke('socketName', payloadData)
      ...
    }

  },

  // Register your listener here.
  sockets: {

    // Equivalent of
    // signalrHubConnection.on('someEvent', (data) => this.someActionWithData(data))
    someEvent(data) {
      this.someActionWithData(data)
    }

    otherSomeEvent(data) {
      this.otheSomeActionWithOtherSomeData(data)
    }

  }

});