微信小程序模板使用

微信小程序引用公共模板template：

1、引入方法

首先在pages文件夹中新建一个template文件夹，文件夹中新建一个template.wxml文件，代码

<!--template.wxml-->
<template name="msgItem">
  <view>
    <text>This is template.wxml文件，我是一个模板</text>
  </view>
</template>

带参引入方法

<template name="msgItem">
  <view>
    <text>This is template.wxml文件，我是一个模板</text>
    <view>
      <text> {{index}}: {{msg1}} </text>
      <text> {{msg2}} </text>
    </view>
  </view>
</template>

2、引用方法

<!-- 声明需要使用的模板文件 -->
<import src ="../template/template.wxml"/>
　　<view>This is index.wxml</view>
<!-- 调用模板文件 -->
 <template is="msgItem"/>

带参引用方法

<!-- 声明需要使用的模板文件 -->
<import src ="../template/template.wxml"/>
<view>This is index.wxml</view>
<template is="msgItem" data="{{index:1,msg1:'msg1数据',msg2:'msg2数据'}}"/>

注意：

（1）index.wxml中template 标签的is属性与template.wxml中template 标签的name属性值相同

（2）index.wxml文件中要通过import标签声明需要使用的模板文件