微信小程序之模板的使用

Posted 2021-02-16 木之糖

初步学习小程序模板,就把过程写一下了.

1.在app.json里面注册temlate/public,生成模板wxml,wxss等系列页面

2.注册模板

<1>无数据传参的模板

<template name="hello">
  <view>hello world!</view>
</template>

<2>带数据传参的模板

<template name="hello2">
  <view wx:for=‘{{list}}‘ wx:key="{{key}}">hello world!{{item.name}}</view>
</template>

3.模板的使用

<1>引入模板页面

<import src="../template/hello/hello.wxml"/>

<2>使用模板

<view>
  <template is="hello" ></template>
  <template is="hello2" data="{{list}}"></template>
  
</view>

注意:

1.引用的template传入的data参数名字(data="{{list}}")要与注册时template使用的(wx:for="{{list}}" 时)的参数名字相同

2.template的data是有作用域的,外部参数通过data传入注册的template里面,只作用与template局部,可重复引用