JComponent

继承JBase

使用

// component/index.ts
import { JComponent } from 'jgb-weapp';

JComponent({});

扩展功能

mixin

与 vue 类似的 mixin。执行顺序 mixin 优先。

// app.ts
import { JComponent } from 'jgb-weapp';

JComponent.mixin({
  created() {
    // todo
  },
  method: {
    privateFunc() {}
  }
});

intercept

使用参考JPage

computed

计算属性

// component/index.ts
import { JComponent } from 'jgb-weapp';

JComponent({
  data: {
    a: 1
  },
  computed: {
    aplus(): any {
      return this.data.a + 1;
    }
  },
  ready() {
    console.log(this.data.a, this.data.aplus);
  }
});

watch

监听数据变化, 与 Component.observers一样。

https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/observer.html

import { JComponent } from 'jgb-weapp';

JComponent({
  data: {
    d: {
      idx: 1
    }
  },
  watch: {
    ['d.**'](d) {
      // 相应 this.data.d 的数据变化
      console.log(d);
    }
  }，
  methods: {
  	onChange() {
  		this.setData({
        d: {
          idx: 2
        }
      });
  
  		this.setData({
        'd.idx': 3
      })
		}
	}
})

扩展属性

$page

组件所属页面的实例，通过getCurrentPages()实现。