js mqtt

1. 安裝mqtt

yarn add [email protected]

2. test.vue

<template>
    <div style="padding: 100px; text-align: center">
        <div>
            <el-input v-model="text" type="textarea" rows="4"></el-input>
            <br />
            <br />
            <el-button @click="sendmsg">發送消息</el-button>
        </div>

        <div class="text-container">
            <div v-for="(item, index) in data" :key="index" class="text" v-html="item"></div>
        </div>
    </div>
</template>

<script setup>
</script>

3. 相關地址

https://www.emqx.com/en/mqtt/public-mqtt5-broker https://test.mosquitto.org/ https://www.emqx.io/online-mqtt-client