微信小程序template模板傳值、傳方法

小程序入手初期，沒有接觸組件開發的時候，一般先上手的都是模板開發，也就是小程序文檔中的template部分，

它可以讓我們模板中定義代碼片段，然後在不同的地方調用。

template比較麻煩的就是在調用的時候要分別導入wxml代碼和wxss

先說一下一下數據的導入：在頁面js文件中定好數據

Page({
	data: {
		pageData:{
			scrollHeight:null,
			navStep: "option"
		}
	}
}）

在頁面的template標籤中可以直接導入

A：
<template is="gemSelectColor" data="{{optionData}}" />
B：
<template is="gemSelectColor" data="{{...optionData}}" />

A：導入對象後可以在模板中按照對點打點調用的方式待用數據

B：傳入的數據已經被展開，可以直接書寫對象的屬性來拿到對象中的值，這點熟悉es6的同學都會很清楚

我主要想說的是模板中綁定事件的方式：

asd:function(){
		let _data = pageData;
		_data.click_next = "tmp_clickNext";
		this.setData({
			pageData:_data
		})
	},
tmp_clickNext:function(){
    console.log("執行了模板中的函數")
},

接下來在模板中綁定該事件即可

<template is="xxxx" data="{{pageData}}">
    <view bind:tap="{{pagedata.click_next}}">模板點擊事件<view>
</template>

這樣我們點擊模板中的對於那個元素就可以調用方法了。