這里先介紹一下微信小程序的數(shù)據(jù)綁定

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

Page({
  data: {
    motto: '我是Hello World', //這里做了修改
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },

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

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

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

接下來，我們實現(xiàn)頁面跳轉到另一個頁面并且將參數(shù)傳遞過去。
這里我是新建了一個叫second.js文件，如圖

second相關文件

實現(xiàn)跳轉首先將修改過的motto設置成點擊事件，點擊事件gotosecond。

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

然后在index.js中添加方法。

//跳轉到第二頁
  gotosecond(){
    wx.navigateTo({
      url: '../second/second?tips=我是首頁傳入的abc',
    })
  },

接下來在second.wxml來顯示我們要傳過去的參數(shù)，此處做了數(shù)據(jù)綁定。

<!--pages/second.wxml-->
<view  class="container">
  <text>{{tips}}</text>
</view>

最重要在second.js里面對穿過來的參數(shù)進行處理。

// pages/second.js
Page({
  data:{
    tips:""
  },
  onLoad(options) {
    this.setData({
      tips:options.tips
    })
  }
})

此處只有學習記錄，不喜勿噴。