小程式學習二（模板和元件）
1：輪播圖元件
<swiper indicator-dots='true' indicator-color='deepPink'>
2：模板定義和使用（定義，傳值）
定義模板： name=‘模板名字’
<template name='listTemplate'>
使用模板：<importsrc="./detail_template/detail_item_template.wxml" />
3：資料儲存
（1）快取
wx.setStorage({ //存資料
key: 'isCollected',
data: oldCollectFlag
})
let oldCollectFlag = wx.getStorageSync('isCollected');//獲取資料
（2）全域性儲存
App({
data: { //app.js
isPlay: false,
playPageIndex: null,
movies: {}
}
})
let app = getApp();
app.data.isPlay = false; //獲取資料
4：互動，傳值
(1) data-’傳遞資料key’ = value
<image data-detailId='{{4}}' src='/images/detail/carousel/01.jpg'></image>
//可以在頁面跳轉的 onload options裡面獲取傳遞的資料
toDetail(event) {
console.log(event);
//點選頁面的下標
let id = event.currentTarget.dataset.id; //獲取data-key的數值可以傳值給跳轉的頁面
wx.navigateTo({
url: '/pages/detail/detail?id=' + id
})
},
（2）資料互動（傳送請求獲取資料）
wx.request({ // 傳送請求
url: API_URL, // 請求的url
header: { // 設定請求頭
'Content-type': 'json',
},
success: (res) => { // 請求成功的回撥函式
// 隱藏提示載入資訊
wx.hideToast();
console.log(res); // 請求的成功的資料物件，注意是封裝後的物件
this.setData({movies: res.data.subjects})
}
})
不同頁面的通訊：APP裡面公共的資料