写一个uniapp页面当收到mqtt温度消息后如果温度大于50报警

1. 首先需要在uniapp项目中安装mqtt.js插件（可通过npm安装）。

2. 在需要接收mqtt消息的页面中引入mqtt.js插件，并连接mqtt服务器，如下所示：

   import mqtt from 'mqtt'

   const client = mqtt.connect('mqtt://your-mqtt-server-url', {
     clientId: 'your-client-id'
   })

   client.on('connect', () => {
     console.log('Connected to MQTT Server')
     client.subscribe('temperature')
   })

   client.on('message', (topic, message) => {
     if (topic === 'temperature') {
       const temperature = parseInt(message.toString())
       if (temperature > 50) {
         // TODO: 报警处理
       }
     }
   })

其中，mqtt://your-mqtt-server-url是你的mqtt服务器地址，your-client-id是一个唯一的客户端ID。我们在connect事件中订阅了一个名为temperature的主题，并在message事件中处理收到的消息。

3. 在页面中实现报警处理逻辑，如下所示：

   <template>
     <view>
       <text>当前温度：{{ temperature }}</text>
       <view v-if="isAlerting" class="alert">温度过高！请注意安全！</view>
     </view>
   </template>

   <script>
   export default {
     data() {
       return {
         temperature: 0,
         isAlerting: false
       }
     },
     mounted() {
       // 监听mqtt消息
       // ...
     },
     methods: {
       handleAlert() {
         // TODO: 处理报警
       }
     }
   }
   </script>

   <style>
   .alert {
     color: red;
     font-weight: bold;
   }
   </style>

在页面中添加一个温度显示区域和一个报警提示区域。当温度大于50时，设置isAlerting为true，显示报警提示。同时，可以在handleAlert方法中处理报警逻辑。