模板快捷传参

创建模板与pages同级

截屏2020-03-11下午11.31.57.png

message.wxml

<template name="message">
<view class="qq_title">
<text class="qq_content">{{content}}</text>
</view>
</template>

页面调用wxml：

<import   src="../../../templates/message/message.wxml"/>

<template is="message" data="{{content:'wx9999'}}"></template>

页面调用wxss:

@import "../../../templates/message/message.wxss"

------------------------------分割线------------------------------------------------

与for循环结合
js中声明变量数组

 data: {
    message: [{
      content:"qqq"
    },{
    content:"qqq2"
}]

页面调用wxml

<template is="message" wx:for="{{message}}" data="{{content:item.content}}"></template>

或

 <template is="message" wx:for="{{message}}" data="{{...item}}"></template>