
這里只要熟悉頁面的基本生命周期即可,業(yè)務(wù)在指定生命周期函數(shù)內(nèi)書寫。


這里的代碼主需要對使用創(chuàng)建項目時index目錄下文件處理下就行,至于跳轉(zhuǎn)后的頁面用的還是logs不需要更改!下面貼下代碼注釋也比較詳細
index.wxml
<!--index.wxml--><view class="container"><!--綁定點擊事件--><view bindtap="bindViewTap" class="userinfo"></view><view class="usermotto"><!--數(shù)據(jù)綁定--><text class="user-motto">{{motto}}</text></view></view>
index.wxss
<!--index.wxml--><view class="container"><!--綁定點擊事件--><view bindtap="bindViewTap" class="userinfo"></view><view class="usermotto"><!--數(shù)據(jù)綁定--><text class="user-motto">{{motto}}</text></view></view>
index.js
//index.js//獲取應(yīng)用實例var app = getApp()Page({/*** 通過data初始化數(shù)據(jù)*/data: {motto: '點擊上面View跳轉(zhuǎn)',// userInfo: {}},//事件處理函數(shù)bindViewTap: function() {//通過調(diào)用API進行跳轉(zhuǎn)wx.navigateTo({url: '../logs/logs'})},/*** 監(jiān)聽頁面開在加載的狀態(tài)* 頁面加載完成之后就不會在執(zhí)行*/onLoad: function () {console.log('index---------onLoad()')// //this指的就是本頁面對象// var that = this// //調(diào)用應(yīng)用實例的方法獲取全局數(shù)據(jù)// app.getUserInfo(function(userInfo){// //更新數(shù)據(jù)// that.setData({// userInfo:userInfo// })// //更新本頁面// that.update()// })},/*** 監(jiān)聽頁面顯示,* 當(dāng)從當(dāng)前頁面調(diào)轉(zhuǎn)到另一個頁面* 另一個頁面銷毀時會再次執(zhí)行*/onShow: function() {console.log('index---------onShow()')},/*** 監(jiān)聽頁面渲染完成* 完成之后不會在執(zhí)行*/onReady: function() {console.log('index---------onReaday()');},/*** 監(jiān)聽頁面隱藏* 當(dāng)前頁面調(diào)到另一個頁面時會執(zhí)行*/onHide: function() {console.log('index---------onHide()')},/*** 當(dāng)頁面銷毀時調(diào)用*/onUnload: function() {console.log('index---------onUnload')}})
六:模塊化
模塊化也就是將一些通用的東西抽出來放到一個文件中,通過module.exports去暴露接口。我們在最初新建項目時就有個util.js文件就是被模塊化處理時間的