最近組裡開發小程式，遇到了一個困擾前端很長時間的話題：頁面之間，如何傳遞資料和變數？

剛開始，我們選擇使用路徑傳參解決。但是眾所周知，各瀏覽器 HTTP Get 請求 URL 最大長度並不相同，大部分瀏覽器只能接受 7000 個字元的資料。

所以，我們覺得這個方式並不靠譜。

研究了一下官網，發現有兩種方式可以「比較優雅」地完成這個任務。

使用全域性變數

在專案 app.js中定義 globalData（全域性變數）。

在需要的地方，我們可以隨意呼叫這個全域性變數。

當然，賦值也是沒問題的。

來試試效果：

使用模板

在官方文件中，模板的使用需要先定義一個模板，要用到 name 屬性。

接著，使用模板和 is

給 item賦值，以顯示模板資料。

這樣就「duang」地一下，解決了頁面傳值問題。

另外，既然小程式可以使用 ES6 的所有特性，那麼那個 var that=this又是什麼鬼？為何不能用箭頭函式解決作用域問題？大家可以自行嘗試一下。