這是Vue-Socket.io組件

使用方式如下：

var vm = new Vue({
  sockets:{
    connect: function(){
      console.log('socket connected')
    },
    customEmit: function(val){
      console.log('this method was fired by the socket server. eg: io.emit("customEmit", data)')
    }
  },
  methods: {
    clickButton: function(val){
        // $socket is socket.io-client instance
        this.$socket.emit('emit_method', val);
    }
  }
})

現(xiàn)在想通過vue-class-component使用這個組件

import Vue from 'vue'
import Component from 'vue-class-component'

// @Component 修飾符注明了此類為一個 Vue 組件
@Component({
  // 所有的組件選項都可以放在這里
  template: '<button @click="onClick">Click!</button>'
})
export default class MyComponent extends Vue {
  // 初始數(shù)據(jù)可以直接聲明為實例的屬性
  message: string = 'Hello!'

  // 組件方法也可以直接聲明為實例的方法
  onClick (): void {
    window.alert(this.message)
  }
}

請問怎樣才能使用？