WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。
创建 template.wxml
<!--pages/templates/template.wxml-->
<template name="msgItem">
<view>
<text> {{index}}: {{msg}} </text>
<text> Time: {{time}} </text>
</view>
</template>
<template is="msgItem" data="{{...item}}"/>
<template is="msgItem" data="{{...item}}"/>
<template is="msgItem" data="{{...item}}"/>
<template name="odd">
<view>{{motto}} </view>
</template>
<template name="o">
<view> even </view>
</template>
<!-- is属性使用Mustache语法动态渲染template -->
<block wx:for="{{[1, 2, 3, 4,5]}}">
<template is="{{item % 2 == 0 ? 'o' : 'odd'}}" />
</block>
在需要用到template的地方先引入 <import src="../templates/template.wxml" >
<import src="../templates/template.wxml"/>
调用代码
<view class="usermotto">
<template is="odd" data="{{...msg}}"></template>
</view>
</view>
<view>
<template is="odd" data="{{...msg}}"></template>
</view>
<template is='' " data=" "></template> 此时的is用来进行判断 data是要传入模板中的数据...eg ...(spread运算符)
要注意import作用域,其仅仅引用目标文件中template。如:C import B,B import A,在C中可以使用B定义的template,在B中可以使用A定义的template,但是C不能使用A定义的template。