1. 自定義事件

// 父組件
<slidebar ontouchend="touchendFn()"></slidebar>
  touchendFn() {
    console.log(111)
  },
// 子組件
touchendFn() {
   console.log('touchendFn')
   this.$emit('touchend')
 },

2. 快應用層級
   // stack內按先后順序層疊

<stack class="stack">
      <image class="image" src="pic2.webp"></image>
      <text class="title">stack容器排列方式為層疊，每個子組件按照先后順序依次堆疊，覆蓋前面的組件</text>
      <div class="wrap">
        <image class="btn" src="demo.png"></image>
      </div>
    </stack>

3. 圖片對象Image

Image圖片對象需要等獲取后才能使用，否則報錯Image is not defined

let canvas = this.$element('canvas')
// var ctx;
// if (canvas.getContext) {
//   ctx = canvas.getContext('2d');
// }
const image = new Image()

4. 獲取元素的寬高

let canvas = this.$element('canvas')

canvas.getBoundingClientRect({
  success: (data) => {
      console.log(`getBoundingClientRect結果： width:${width}, height:${height},
       top:${top}, bottom:${bottom}, left:${left}, right:${right}`)
  }
});