小程序開發(fā)基礎(chǔ)中,頁面結(jié)構(gòu)文件通常有定義模板和調(diào)用模板兩種,如果要經(jīng)常使用小程序開發(fā)的幾個(gè)組件的組合(如“登錄”選項(xiàng)),通常把這幾個(gè)組件結(jié)合定義為一個(gè)模板,以后在需要的小程序開發(fā)基礎(chǔ)文件中直接使用這個(gè)模板?
1.定義模板
模板代碼由wxml組成,因此其定義也是在wxml文件中,定義模板的格式為:
<templatename="模板名">
相關(guān)組件代碼為:
</template>
在小程序開發(fā)基礎(chǔ)中,其中,<template>為模板標(biāo)簽,name屬性用于定義模板的名稱?
2.調(diào)用模板
將模板定義后,就可以對(duì)其進(jìn)行調(diào)用了?調(diào)用模板的格式為:
<template is="模板名稱"data=="{{傳入的數(shù)據(jù)}}"/>
在小程序開發(fā)基礎(chǔ)中,其中,<template>為模板標(biāo)簽;is屬性用于指定要調(diào)用的模板名稱;data
屬性定義要傳入的數(shù)據(jù),如果模板中不需要傳入數(shù)據(jù),data屬性可以省略?
我們可以把上面小程序開發(fā)基礎(chǔ)中的示例用模板來實(shí)現(xiàn),代碼如下:
![](/d/file/zixun/zxun/2021-03-09/4be1ea7d41a5de18bf8262930ec5c296.png)
![](/d/file/zixun/zxun/2021-03-09/e018618f4b19b56ac736fdded8e7e6b3.png)