vue-cli中使用mqtt通信

为方便上手,放一个项目的参考链接https://github.com/xieyidi/mqtt
目前多数项目使用mqtt协议和前端通信,都没有在脚手架上,小编查阅了好多资料,亲测了一种可用的方法,手把手分享一下:
1、首先在项目的入口文件index html用script引入mqttws的js文件

引入mqtt.png

2、将mqtt通信逻辑封装成一个vue组件




3、在主组件中引入这个子组件


引入组件.png

你可能感兴趣的:(vue-cli中使用mqtt通信)