FunctionComponent是Component写法的wrapper,实例化时会调用该函数式声明,用法同Component。

写法示例

  1. import { FunctionComponent, console } from "waft";
  2. export function Component(component: FunctionComponent): void{
  3. component.onwillmount = (event: string): void=>{
  4. console.log('--> onwillmount');
  5. }
  6. component.onmounted = (event: string): void=>{
  7. console.log('--> onmounted');
  8. }
  9. component.onupdated = (event: string): void=>{
  10. console.log('--> onupdated');
  11. }
  12. component.onbeforedestroy = (event: string): void=>{
  13. console.log('--> onbeforedestroy');
  14. }
  15. component.addEventListener('click', function (event: string) {
  16. console.log('--> buttonClick event tigger, event = ' + event);
  17. });
  18. }