template模板微信小程序

template模板微信小程序

第一种home.wxml里面

<template name="contentItem">
  <button size="mini">{{btnText}}</button>
  <view>{{content}}</view>
</template>

<template is="contentItem" data="{{btnText:'警告',content:'哈哈哈'}}"/>

第二种wxml->btnText.wxml

<template name="contentItem">
  <button size="mini">{{btnText}}</button>
  <view>{{content}}</view>
</template>

home.wxml中引入

<import src="../../wxml/btnText.wxml"/>

<template is="contentItem" data="{{btnText:'警告',content:'哈哈哈'}}"/>

wxml的导入两种方法

import导入：

1. 主要是导入template模板
2. 特点：不能进行递归导入

include导入：

1. 将公共的wxml中的组件抽取到一个文件中
2. 特点：不能导入template/wxs，可以进行递归导入