JBase

JApp 、JPage、 JComponent的基类

扩展属性

$on

事件监听 \$on(evtName: string, fn: IEventFunction)

import { JPage } from 'jgb-weapp';

JPage({
  onLoad() {
    this.$on('load', data => {});
  }
});

$once

事件监听,只触发一次 \$once(evtName: string, fn: IEventFunction)

import { JPage } from 'jgb-weapp';

JPage({
  onLoad() {
    this.$once('load', data => {});
  }
});

$emit

事件触发 \$emit(evtName: string, ...data: any[])

import { JPage } from 'jgb-weapp';

JPage({
  onLoad(options) {
    this.$emit('load', {
      options
    });
  }
});

$emitAsync

异步事件触发，可以等待 \$emitAsync(evtName: string, ...data: any[])

import { JPage } from 'jgb-weapp';

JPage({
  async onLoad(options) {
    await this.$emitAsync('load', {
      options
    });
    console.log('触发完成');
  }
});

$off

解除事件绑定

import { JPage } from 'jgb-weapp';

JPage({
  onLoad() {
    this.$on('load', data => {});
  },
  unLoad() {
    this.$off('load');
  }
});

$addBusId

1.6.3 起

向 Page 或者 Component 添加 eventBusId, 在销毁时自动 off。防止在内存泄漏等问题。 或者考虑使用 this.$on 会自动销毁。

注意如果不传 busInstance 默认是全局的 bus

import { JPage, bus, EventBus } from 'jgb-weapp';

const newBus = new EventBus();

JPage({
  onLoad() {
    const busId = bus.on('someChange');
    // default
    this.$addBusId(busId);
    // or while auto destory when Page destoryed
    this.$on('someChange');

    const id = newBus.on('someChange');
    this.$addBusId(id, newBus);
  }
});

$destory

清除所有当前绑定的事件，在页面或者组件销毁时会自动调用。

$setTimeout

v1.6.0起

setTimeout定时器, 在页面或者组件销毁时清空。

JPage({
  onTap() {
    this.$setTimeout(() => {
      console.log(this.data);
    }, 300);
  }
});

$setInterval

v1.6.0起

setInterval定时器, 在页面或者组件销毁时清空。

JComponent({
  methods: {
    onTap() {
      this.$setInterval(() => {
        console.log(this.data);
      }, 500);
    }
  }
});