小程序-模板

模板的定义：<template name="msgItem">

模板的使用：<template is="msgItem"></template>

模板的调用：<import src="../template/list/list.wxml" /> 如果是同一个文件下定义和使用模板不需要引入

模板的样式引入： @import "../template/list/list.wxss"; 引入到样式表中

模板的传参： <template is="msgItem" data="{{ ...{us:'wql',ps:123} }}"></template>

 

模板的作用域：模板拥有自己的作用域，只能使用data传入的数据以及模板文件中定义的<wxs />模块

 

 

定义模板：使用name属性，作为模板的名字，然后在<template/>定义代码片段，如：

            <template name="msgItem">
            <view>
                <text>{{index}}:{{msg}}</text>
                <text>Time:{{time}}</text>
            </view>
            </template>

使用模板：

            <template is="msgItem" data="{{...item}}"></template>

            Page({
                data:{
                    item:{
                        index:0,
                        msg:"这是一个模板",
                        time:"2019-12-19"
                    }
                }
            })

is属性可以只用Mustache语法，来动态决定具体需要渲染哪个模板：（这里是使用三元表达式判断）

            <template name="odd">
                <view>odd</view>
            </template>
            <template name="even">
                <view>even</view>
            </template>

            <block wx:for="{{[1,2,3,4,5]}}">
                <template is="{{item%2==0?'even':'odd'}}"></template>
            </block>