vue+koa+socket.io建立聊天室

后端使用koa，socket.io
前端使用vue，weapp.socket.io

//前端代码如下
<template>
  <div id="app">
    <input type="text" v-model="input">
    <div class="news">{{news}}</div>
    <button @click="send">提交</button>
  </div>
</template>

<script>
  import io from "weapp.socket.io"
  const socket = io('http://localhost:3030')
  export default {
    data() {
      return {
        input: "",
        news: ""
      }
    },
    methods: {
      send() {
        socket.emit('news', "客户端发来消息：" + this.input)
      },
      getMsg() {
        socket.on("broadcast", data => {
          this.news = data
        })
      }
    },
    created() {
      this.getMsg()
    },
  }
</script>

//后端代码如下
const Koa = require("koa");
const app = new Koa();

const server = app.listen(3030);
const io = require("socket.io")(server);
io.on("connection", (socket) => {
    console.log("有人链接了")
    socket.on("news",data=>{
        console.log(data)
        socket.broadcast.emit("broadcast","广播：有人发了消息"+data)
    })
});

app.listen(3000);