首先，我們先創(chuàng)建一個新的項目?？梢钥吹絼?chuàng)建的新的小程序有一個默認的HelloWorld的Demo.如下圖

這里先介紹一下微信小程序的數據綁定

微信小程序的基于MINA框架開發(fā)的。每一個頁面由 .js（必須） .wxml（必須） .wxss(非必需) .json(非必須) 這四個文件組成，且命名必須相同。
我們打開pages文件夾下面的index.js.修改

Page({
  data: {
    motto: '第一頁的Hello World',//這里做了修改
    userInfo: {}
  }

將motto對應的值做了一下簡單的修改，編譯，可以看到主頁的HellowWorld也已經做了相應的變化。在看看 .wxml文件

 <text class="user-motto">{{motto}}</text>

可以看到有這么一段代碼，而中間的{{motto}} 也剛好對應了.js里面的motto。沒錯，這就是微信小程序的數據綁定。 通過{{ 對應.js中的對應的data}}來進行綁定。

接下來，我們要將這個我們修改過的motto設置成點擊事件，跳轉到另一個頁面并且將參數傳遞過去。

先添加點擊事件 gotologs

 <view class="usermotto">
    <text class="user-motto" bindtap="gotologs">{{motto}}</text>
  </view>

在.js里面添加方法。

gotologs() {
   wx.navigateTo({
     url: '../logs/logs?motto='+this.data.motto
   })
 }

由于使用的是ES6語法，你需要在項目里面勾上 ES5轉ES6

接下來修改logs.wxml來顯示我們要傳過去的參數。

 <view class="usermotto">
    <text class="user-motto">{{twomotto}}</text>
  </view>

當然，你需要先在logs.js里面對穿過來的參數進行處理。

Page({
  data: {

  },
  onLoad: function (options) {
     this.setData({
      twomotto: options.motto
    })
  }
})