websocket连接vue的问题

Question

请问为什么我socket状态变了，this.socket.connected变成true，可是this.socketStatus还是false，我不是在computed里有了this.socket.connected变化，socketStatus跟着变化吗？
谢谢各位，有些日子不写，有点忘了
Vue.prototype.socket = io.connect('ws://127.0.0.1:3001/test');

<template>
   <button @click="sta">123</button>
</template>
<script>
methods: {
    sta() {
      console.log(this.socket.connected);
      console.log(this.socketStatus);
    },
  },
  computed: {
    socketStatus() {
      return this.socket.connected;
    },
</script>

Answer 1

原型上的对象不会被响应式，检测不到变化的;
Vue.prototype.socket = Vue.observable(io.connect('ws://127.0.0.1:3001/test'));