蘇州小(xiǎo)程序開(kāi)發強調我們寫代碼就(jiù)是(shì)要(yào)進行(xíng)“偷懶”，這(z£≈hè)裡(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ǐ)解，就(j¥✘εiù)是(shì)一(yī)個(gè)可(kě)以套用(yòng)的(de)樣∑↓§式，而具體(tǐ)的(de)內(nèi)容則®™會(huì)動态變化(huà)。
看(kàn)下(xià)面的(de)代碼：
<template name=”pro×ductItem”>
<view class=’product-detail’&&←♥gt;
<view class=’image’>{{ iσ÷tem .image}}</view>
<view class=’title’>≥'→{{ item .title}}</view>
<view class=’>$±';content’>
{{ 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)修改這(zhè)個(gè)模闆中的(d≤≤ e)代碼即可(kě)，其他(tā)調用(yòng)的(de)地(dì)方都(dōu)會(huì)更™ 新。這(zhè)樣是(shì)不(bù)是(shì)非常高(gā&←o)效呢(ne)？
那(nà)麽我們定義好(hǎo)了(leσ≥)模闆，怎麽去(qù)使用(yòng)呢(ne)？
首頁在要(yào)使用(yòng)的(de)頁面頂部引入模闆文(wén)件(jiàn)，假設模闆文≤≤φ(wén)件(jiàn)放(fàng)在template目錄下(xià)，命名為(wγ♠ ©èi)product.wxml, 則語法結構：<i←↕ mport src=”../../template/product.wxmlR€®β21; />。然後就(jiù)可(kě)以在頁面中進行(xíng)使用(yò>£ng)，調用(yòng)模闆的(de)語法為(wèi)：<template is₹>✔∏=” productItem ” data©÷✔↕=”{{item}}” /> 這(zhè)裡(lǐ)d €☆ata屬性對(duì)應的(de)值{{item≠₩}}就(jiù)是(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屬性的(d∏♠e)值，必須要(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)複制(z₽₽λhì)多(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✘→≈òng)到(dào)另個(gè)高(gāo)級應用(yòng)：組件(jiàn)，英文(wé ≤✘n)名為(wèi)component，下(xià)節我們将著(zhe)重介紹φ< β。
