Coder Social home page Coder Social logo

Comments (3)

MetinSeylan avatar MetinSeylan commented on May 21, 2024

Hi,
sockets object only listen server side coming events,
and "this.$socket" is native socket.io-client object, this.$socket.emit() method is emit event from client to server.

good luck.

from vue-socket.io.

nueverest avatar nueverest commented on May 21, 2024

Are you saying that I should using push()?

I am just beginning with socket.io

from vue-socket.io.

MetinSeylan avatar MetinSeylan commented on May 21, 2024

Correct usage

server.js (server side)

var socket = require('socket.io');
var io = socket.listen(1923);

io.on('connection', function(client){

    client.on('client_event1', function(name){
        client.emit('server_emit1', 123);
    });

    client.on('client_event2', function(name){
        client.emit('server_emit2', 123);
    });

});

script.js (client side)

var metin = 'http://yourserver.com:1923';

Vue.use(VueSocketio, metin); 

var vm = new Vue({
    el: '#vue-socket-dynamo',
    sockets:{
        server_emit1: function(val){     // client.emit('server_emit1', 123);
            console.log(val);
        },
        server_emit2: function(val){
            console.log(val);
        }
    },
    methods: {
        clickButton: function(val){
            this.$socket.emit('client_event1', val);      
            this.$socket.emit('client_event2', val);   
        }
    }
});

from vue-socket.io.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.