一禁悠,使用場(chǎng)景
關(guān)于微信小程序中template的使用場(chǎng)景是:
1.需要將頁(yè)面部分進(jìn)行提取
2.不涉及到邏輯處理瞒渠,僅作展示作用
判斷是采用組件的方式還是使用template的方式的依據(jù)是是否含有邏輯處理肌稻,含有邏輯處理則選擇組件帐萎,僅作展示的選擇template
二窍荧、template的基礎(chǔ)使用
步驟:
1.創(chuàng)建模板
//template.wxml
<template name="templateName">
//內(nèi)容
...
</template>
2.創(chuàng)建模板樣式
//template.wxss
view{
background: red;
}
3.在需要使用模板的頁(yè)面引入
//a.wxml
<import src="./template.wxml" />
4.使用模板
<template is="templateName" />
5.模板樣式導(dǎo)入(在頁(yè)面的wxss文件中導(dǎo)入)
//a.wxss
@import "./template.wxss";
6.數(shù)據(jù)傳遞
6.1在模板中定義參數(shù)
//template.wxml
<template name="templateName">
<text>{{username}}</text>
</template>
6.2參數(shù)由外部傳入
//a.wxml
<template is="templateName" data="{{username: 'whitemu'}}" />