1. <!--index.wxml-->
3. <view class="container">
5. <!--綁定點擊事件-->
7. <view bindtap="bindViewTap" class="userinfo">
9. </view>
11. <view class="usermotto">
13. <!--數據綁定-->
15. <text class="user-motto">{{motto}}</text>
17. </view>
19. </view>

1. <!--index.wxml-->
2. <view class="container">
3. <!--綁定點擊事件-->
4. <view bindtap="bindViewTap" class="userinfo">
5. </view>
6. <view class="usermotto">
7. <!--數據綁定-->
8. <text class="user-motto">{{motto}}</text>
9. </view>
10. </view>

1. //index.js
2. //獲取應用實例
3. var app = getApp()
4. Page({
5. /**
6. * 通過data初始化數據
7. */
8. data: {
9. motto: '點擊上麵View跳轉',
10. // userInfo: {}
11. },
12. //事件處理函數
13. bindViewTap: function() {
14. //通過調用API進行跳轉
15. wx.navigateTo({
16. url: '../logs/logs'
17. })
18. },
19. /**
20. * 監聽頁麵開在加載的狀態
21. * 頁麵加載完成之後就不會(hui) 在執行
22. */
23. onLoad: function () {
24. console.log('index---------onLoad()')
25. // //this指的就是本頁麵對象
26. // var that = this
27. // //調用應用實例的方法獲取全局數據
28. // app.getUserInfo(function(userInfo){
29. // //更新數據
30. // that.setData({
31. // userInfo:userInfo
32. // })
33. // //更新本頁麵
34. // that.update()
35. // })
36. },
37. /**
38. * 監聽頁麵顯示，
39. * 當從(cong) 當前頁麵調轉到另一個(ge) 頁麵
40. * 另一個(ge) 頁麵銷毀時會(hui) 再次執行
41. */
42. onShow: function() {
43. console.log('index---------onShow()')
44. },
45. /**
46. * 監聽頁麵渲染完成
47. * 完成之後不會(hui) 在執行
48. */
49. onReady: function() {
50. console.log('index---------onReaday()');
51. },
52. /**
53. * 監聽頁麵隱藏
54. * 當前頁麵調到另一個(ge) 頁麵時會(hui) 執行
55. */
56. onHide: function() {
57. console.log('index---------onHide()')
58. },
59. /**
60. * 當頁麵銷毀時調用
61. */
62. onUnload: function() {
63. console.log('index---------onUnload')
64. }
65. })

//index.js
//獲取應用實例
var app = getApp()

                	

                    	
                        秀傑實戰教程係列《一》：記賬應用開發                    
                    
                	

                        微信小程序實戰教程：火車票查詢（含demo）