微信小程序[1] - 目錄結構

• 開發環境

• 目錄結構

1. app.js - 定義 app 入口

App({
    onLaunch:function(){
        console.log('App Launch')
    },
    onShow:function(){
        console.log('App Show')
    },
    onHide:function(){
        console.log('App Hide')
    }
})

　　  2. app.json - 定義頁面配置及 window 的其餘配置

{
    "pages":[
        "src/pages/index/index"
    ]
}

　　  3. index.js - 定義頁面配置, 監聽方法

Page({
    data:{
        //text:"這是一個頁面"
    },
    onLoad:function(options){
        //頁面初始化 options爲頁面跳轉所帶來的參數
        console.log('App onLoad')
    },
    onReady:function(){
        //頁面渲染完成
        console.log('App onReady')
    },
    onShow:function(){
        //頁面顯示
        console.log('App onShow')
    },
    onHide:function(){
        //頁面隱藏
        console.log('App onHide')
    },
    onUnload:function(){
        //頁面關閉
        console.log('App onUnload')
    }
})

　　  4. index.wxml - 定義佈局文件