模板是什么？

顾名思义，模板就是页面中可以套用的公共资源

有啥作用？

减少重复代码，代码会更加简洁，不同的页面都可以使用模板，可以提升开发效率

怎么使用？

  • 模板定义：使用name作为模板名字
1
2
3
<template name="list-item">
......内容........
</template>
  • 模板使用:使用is=”name”,声明需要的使用的模板，然后将模板所需要的data传入
1
<template is="list-item" data="{{...item}}" />

  • 引用：
    import有作用域概念，不能传递import.比如A中import B,B import C,这时A是不能使用C的

  • 引用：

    相当于直接拷贝模板中除template外的代码

  • 数据传入渲染
    使用…三个点展开数据
1
2
3
<view wx:for="{{result}}" wx:key="index" data-index="{{index}}">
        <template is="list-item" data="{{...item}}" />
 </view>

可以通过在外部加入一个父级view使用for循环，输出所有数据，并且通过绑定index，可以对每个项目进行操作