UniApp:Vue特性篇:vue2.0的广播与接收(待详细了解)

this.$eventHub Vue2.0 事件的广播与接收(观察者模式)

Vue2.0中可以使用$emit , $on, $off 分别来分发、监听、取消监听事件。官方的给出的最简单的升级建议是使用集中的事件处理器,而且也明确说明了 一个空的vue实例就可以做到,因为Vue 实例实现了一个事件分发接口。

在main.js中声明【eventHub】的Vue对象。

Vue.prototype.$eventHub = Vue.prototype.$eventHub || new Vue();

A页面:
在【onload】生命周期调用广播接收。

onLoad:function(){
	this.$eventHub.$on('show',(data) => {
		console.log(data);
	})
},

B页面:
事件中调用发送广播。

methods: {
	test:function(){
		this.$eventHub.$emit('show','测试广播');
	},
	//关闭监听
	close:function(){
		this.$eventHub.$off('show');
	}
}

控制台打印:测试广播

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uniapp原始开发中,可以使用uni-ble这个插件来监听蓝牙广播。具体步骤如下: 1. 首先,需要在uniapp项目中安装uni-ble插件。可以使用以下命令进行安装: ``` npm install uni-ble ``` 2. 在需要监听蓝牙广播的页面中,引入uni-ble插件,并创建一个蓝牙实例,示例代码如下: ``` import ble from 'uni-ble'; const bluetooth = new ble.Bluetooth(); // 在这里可以对蓝牙实例进行配置,例如设置扫描周期、扫描过滤器等 // 开始扫描蓝牙设备 bluetooth.startScan({ success(res) { // 成功开始扫描蓝牙设备 }, fail(err) { // 开始扫描蓝牙设备失败 }, complete() { // 扫描结束 }, }); // 监听蓝牙设备广播 bluetooth.on('scan', (device) => { // 处理蓝牙设备广播信息 }); ``` 在上面的代码中,我们创建了一个蓝牙实例bluetooth,并在其中设置了扫描周期等参数。然后,通过bluetooth.startScan()方法开始扫描蓝牙设备,同时通过bluetooth.on()方法监听蓝牙设备广播信息。 3. 在监听到蓝牙设备广播后,可以对设备信息进行处理。例如,可以获取设备的UUID、信号强度等信息。示例代码如下: ``` bluetooth.on('scan', (device) => { console.log('扫描到蓝牙设备:', device); console.log('设备名称:', device.name); console.log('设备UUID:', device.uuid); console.log('信号强度:', device.rssi); }); ``` 在上面的代码中,我们通过console.log()方法输出了设备的名称、UUID和信号强度等信息。 以上就是在uniapp原始开发中实现监听蓝牙广播的方法。需要注意的是,uni-ble插件只支持Android和iOS平台。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值