# 注册页面

对于小程序中的每个页面,都需要在页面对应的 js 文件中进行注册,指定页面的初始数据、生命周期回调、事件处理函数等。

# 使用 vue 注册页面

不同于组件 vue 规范之处在于生命周期不同。应为页面生命周期。

代码示例:

 //index.vue

export default {
    data() {
        return  {
            text: "This is page data."
        }
    },
    onLoad: function(options) {
        // 页面创建时执行
    },

    onShow: function() {
        // 页面出现在前台时执行
    },

    onReady: function() {
        // 页面首次渲染完毕时执行
    },

    onHide: function() {
        // 页面从前台变为后台时执行
    },

    onUnload: function() {
        // 页面卸载时执行
    },

    onPullDownRefresh: function() {
        // 触发下拉刷新时执行
    },

    onReachBottom: function() {
        // 页面触底时执行
    },

    onPageScroll: function() {
        // 页面滚动时执行
    }
},
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

页面生命周期的说明可以参考  页面生命周期

详细的参数含义和使用请参考  小程序页面

最后更新于 : 10/26/2022, 11:35:03 AM