小程序三：app對象的使用

小程序的獲取應用實例

頁面的生命週期：

1顯示app的onLaunch ->app.onshow(這是app啓動完畢),以後啓動index（第一個頁面），index建立頁面時，觸發onload（加載數據），2而後onshow(綁定數據)。3onready(頁面正常顯示的時候觸發)

 

在app.js中，改變頁面數據

myData:{
    name:"mujinhua"
  }

2個頁面之間的參數傳遞

在A頁面，將A頁面的基本數據傳給B，而後B頁面去拿到數據去網絡上請求新的文章詳情，顯示出來

利用小程序給的onLoad: 頁面加載

onLoad: function(options) {
    // 頁面初始化 options爲頁面跳轉所帶來的參數
    // Do some initialize when page load.（在頁面加載時進行一些初始化）。 
}

• 一個頁面只會調用一次。
• 接收頁面參數能夠獲取wx.navigateTo和wx.redirectTo及<navigator/>中的 query。

跳轉方式2中方式

  
  <navigator url="../logs/logs?id=1&title=zzz" >
  <view >
    <text class="user-motto">文章1</text>
  </view>
  </navigator>

  (第二種) <view bindtap="itemClick">
    <text class="user-motto">文章2</text>
  </view>

index.js(第二種的)

 itemClick : function (){
    wx.navigateTo({
      url:"../logs/logs?id=1"
    })

logs.js

 data:{
    // text:"這是一個頁面"
    articleId:null

  },
   onLoad:function(options){
    // 頁面初始化 options爲頁面跳轉所帶來的參數
    console.log("---logs page onLoad---");
    console.log("id是："+options.id)
    console.log("title是："+options.title)
    this.setData({articleId:options.id})


  },