vue-websocket-connect

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

Examples

main.js

// 导入组件库
import VueWebsocketConnect from 'vue-websocket-connect'

// 注册组件库
Vue.use(VueWebsocketConnect)

examples.vue

<template>
  <vue-websocket-connect :wsUrl="wsUrl" @websocket0nMessage="websocket0nMessage"/>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      wsUrl: ''
    }
  },
  methods: {
    websocket0nMessage(data) {
      console.log(data)
    }
  }
}
</script>

<style scoped>

</style>