蘇州小(xiǎo)程序開(kāi)發強調我們寫代碼就(jiù)是(shì)要(yào)進行(xí§¶ng)“偷懶”，這(zhè)裡(lǐ)的(de)偷懶是(₹₹±shì)表示寫盡量少(shǎo)的(de)代碼量而不(bù≠→♣ )是(shì)真正的(de)偷懶，記住我們是(shì)代碼設計(jì)者，不(bù)是(shì)搬ε×' 運工(gōng)，所以我們要(yào)對(✔ ∑ duì)對(duì)代碼進行(xíng)設計(jì)。本節将會(huì)介紹微(→₽♣φwēi)信小(xiǎo)程序開(kāi)發中的(de)模闆策略。

提前模闆，很(hěn)容易理(lǐ)解，就(jiù)是(shì)一(yī)個(gè✘‌∞≈)可(kě)以套用(yòng)的(de)樣式，而具體(tǐ)的πεπ∑(de)內(nèi)容則會(huì)動态變化(huà)。

看(kàn)下(xià)面的(de)代碼：βε♥

<template name=&#'$±8221;productItem”>

<view class=’product-detail’>

<view class=’image’>{{ α←item .image}}</view>

<view class=’title’>{{ item .↑★ ×title}}</view>

<view class=’content’&g♣↔t;

{{ item .detail}}

</view>

</view>

</template>

使用(yòng) name 屬性，作(zuò)‍>為(wèi)模闆的(de)名字。然後在<template/>內(nèi)定義代♠‌↑碼片段，代碼片段中的(de)內(nèi)容就(jiù)是(shì→¥φ)我們多(duō)次使用(yòng)的(de)，例子®♦Ω&(zǐ)中表示顯示産品詳情的(de)代碼，假設要(yào)顯示産品詳情的(de)地(dì)方很(π♠↑hěn)多(duō)，我們這(zhè)裡(lǐ)>Ω∞'定義模闆之後，其他(tā)地(dì)方可(kě)以直接調用(€←yòng)。如(rú)果存在需求調整，比如(r∞♣÷ú)要(yào)修改産品顯示布局，或者增加新的(de)顯示項，我們隻要(yào)修改這(z​σhè)個(gè)模闆中的(de)代碼即可(k‍₹δě)，其他(tā)調用(yòng)的(de)地(dì)方都(dōu)會(huì)更新。這(zhè)  "樣是(shì)不(bù)是(shì)非常高(gāo)效呢(ne)？

那(nà)麽我們定義好(hǎo)了(le)模闆，怎麽去(qù)使用(yòn¥₽↕g)呢(ne)？

首頁在要(yào)使用(yòng)的(de)頁面頂部引入模闆文(wén)件(jiàn)，假設模©€&闆文(wén)件(jiàn)放(fàng)在template目錄 ©下(xià)，命名為(wèi)product.wxml>₹§, 則語法結構：<import src=”../../te♥φmplate/product.wxml̶£‌✔™1; />。然後就(jiù)可(kě)以在頁面中進行(xíng)使用(yòng)，調§↑用(yòng)模闆的(de)語法為(wèi©§‍λ)：<template is=” productItem ” da•≠'"ta=”{{item}}” /↓β> 這(zhè)裡(lǐ)data屬性對(duì)應的(de)值{{item}}就(jφ★iù)是(shì)産品數(shù)據的(de₹≈)變量，保存著(zhe)産品的(de)數(shù)據信€→∑♥息，通(tōng)過它傳遞到(dào)模闆頁面，然後調用(yòng)​£ ¥模闆中的(de)代碼渲染顯示。

我們看(kàn)調用(yòng)模闆的(de)語法，其中的(de← β®)屬性is是(shì)用(yòng)來(lái)聲明(míng)我們©→ ↑要(yào)調用(yòng)哪個(gè)模闆，對↓​(duì)應的(de)屬性值就(jiù)是(shì)我γ£←們模闆中定義的(de)template的(de)name屬性的(de)值，必須要(yào)一×¥€(yī)緻，否則會(huì)提示錯(cuò)誤，找不•π(bù)到(dào)。一(yī)個(gè)模闆文(wén)件(jiàn)中可(kě)以定義多$∞÷±(duō)個(gè)模闆，數(shù)量沒有(yǒu)£•✘β限制(zhì)。但(dàn)是(shì)為(wè™♦i)了(le)代碼友(yǒu)好(hǎo)，不(bù)建議(yìφ↑<π)在一(yī)個(gè)模闆中定義不(bù)相(xiàng)關的(∏≥‍¶de)模闆，同個(gè)模塊的(de)可(kě)以在一(yī)起，但(dàn)是(shì)★≠←如(rú)果模闆代碼量較大(dà)，也(yě)建議(yì $←λ)單獨建立文(wén)件(jiàn)。

使用(yòng)模闆最大(dà)的(de ∑≠)好(hǎo)處就(jiù)是(shì)相(xiàng)同內(nèi)容的(de)代碼隻要‌$£☆(yào)寫一(yī)份就(jiù)可(kě)以了(le)，不(bù≥λ)用(yòng)複制(zhì)多(duō)份€♥☆，後期修改起來(lái)也(yě)是(shì)非✔♥常的(de)高(gāo)效。

模闆雖然是(shì)個(gè)很(hěn)好(h×★↔πǎo)的(de)東(dōng)西(xī)，但(dàn)是(shì)有(yǒu)些(xiē)情況卻→≈←不(bù)能(néng)滿足，這(zhè)時(shí)我們就(jiù)要(yào)用(yònβσ♥g)到(dào)另個(gè)高(gāo)級應用(yòng)：組件(jiàn)，英文(wén÷±€)名為(wèi)component，下(x↑↕♥ià)節我們将著(zhe)重介紹。