@latelier/vue-signalr

    2.0.4 • Public • Published

    vue-signalr

    Installation

    $ npm install @latelier/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)
        }
        
      }
    
    });
    

    Install

    npm i @latelier/vue-signalr

    DownloadsWeekly Downloads

    360

    Version

    2.0.4

    License

    MIT

    Unpacked Size

    18.9 kB

    Total Files

    5

    Last publish

    Collaborators

    • dragon_
    • loicmay
    • mikatux