socket + vue + canvas实践，你画我猜（一）

正式项目未开始，先先自己练手，做一个你画我猜小游戏，先上一个不完善的dome

在线地址 http://www.5rgame.com
1.node； 安装socket，启动服务

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

var messages = [];//暂时存放消息

//socket连接成功之后触发，用于初始化
io.sockets.on('connection', function(socket){
    socket.on('getAllMessages', function(){
        //用户连上后，发送messages
        socket.emit('allMessages', messages);
    });
    socket.on('createMessage', function(message){
        //用户向服务器发送消息，存放到messages
        //messages.push(message);
        //向除自己外的所有用户发送消息
        socket.broadcast.emit('messageAdded', message);
    });
})

2.vue 设置；先在index.html直接引入socket.io.js，此文件由node生成;

//然后在vue对象上新增socket属性方便全局使用
//连接socket
Vue.prototype.socket = io.connect('http://localhost:3000/');

3.vue文件的画图与数据传输交互

现在开启多个页面，就可以同步画布，剩下的很多东西，慢慢完善。