# 注册页面

快应用中注册一个页面,可以使用 Page 方法,也可以使用 Component 方法。

# 使用 Page 注册页面

在页面 js 中调用 Page() 注册页面

//index.js
Page({
  data: {
    text: 'Hello QuickApp'
  },
  onLoad: function(options) {
    // 页面创建时执行
  },
  onShow: function() {
    // 页面显示时执行
  },
  onReady: function() {
    // 页面首次渲染完成时执行
  },
  onHide: function() {
    // 页面隐藏时执行
  },
  onUnload: function() {
    // 页面销毁时执行
  },
  onPullDownRefresh: function() {
    // 下拉刷新时执行
  },
  onReachBottom: function() {
    // 页面到达底部时执行
  },
  onPageScroll: function() {
    // 页面滚动时执行
  },
  onResize: function() {
    // 视窗尺寸变化时执行
  },
  onTabItemTap(item) {
    // tabBar 点击切换时执行
  },
  // 事件回调
  handleTap: function() {
    this.setData(
      {
        text: 'new text'
      },
      function() {
        // setData 更新完界面后触发
      }
    )
  },
  // 其他自定义数据
  extraData: {
    hi: 'QuickApp'
  }
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

详细的参数含义和使用请参考 Page 参考文档

# 使用 Component 注册页面

利用 Component 定义一个页面,可以使用 Component 的更多特性,如 behaviors 等。

需要注意,自定义方法和页面生命周期需要定义在 methods 属性中。

Component({
  data: {
    text: 'page data'
  },
  methods: {
    onLoad: function(options) {
      // 页面创建时执行
    },
    onPullDownRefresh: function() {
      // 下拉刷新时执行
    },
    // 事件响应函数
    handleTap: function() {
      // ...
    }
  }
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

具体细节请阅读 Component 章节。

在线客服