<template>
|
<div>
|
<p>{{ receivedMessage }}</p>
|
<button @click="sendMessage">Send Message</button>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
name:'alarm',
|
data() {
|
return {
|
websocket: null,
|
receivedMessage: ''
|
};
|
},
|
mounted() {
|
this.websocket = new WebSocket('ws://localhost:8080');
|
|
this.websocket.onopen = () => {
|
console.log('WebSocket connection opened');
|
};
|
|
this.websocket.onmessage = (event) => {
|
this.receivedMessage = event.data;
|
};
|
|
this.websocket.onclose = () => {
|
console.log('WebSocket connection closed');
|
};
|
},
|
methods: {
|
sendMessage() {
|
if (this.websocket.readyState === WebSocket.OPEN) {
|
this.websocket.send('Hello WebSocket!');
|
} else {
|
console.log('WebSocket connection is not open');
|
}
|
}
|
}
|
};
|
</script>
|
