1. 自定義事件

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

2. 快應(yīng)用層級(jí)
   // stack內(nèi)按先后順序?qū)盈B

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

3. 圖片對(duì)象Image

Image圖片對(duì)象需要等獲取后才能使用，否則報(bào)錯(cuò)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結(jié)果： width:${width}, height:${height},
       top:${top}, bottom:${bottom}, left:${left}, right:${right}`)
  }
});