小程序模板的使用

模板是什么？

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

---

有啥作用？

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

---

怎么使用？

• 模板定义：使用name作为模板名字

<template name="list-item">
......内容........
</template>

• 模板使用:使用is="name",声明需要的使用的模板，然后将模板所需要的data传入

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

• 引用：<import src='目标路径'/>

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

• 引用：<include src='目标路径'/>

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

• 数据传入渲染
  使用...三个点展开数据

<view wx:for="{{result}}" wx:key="index" data-index="{{index}}">
        <template is="list-item" data="{{...item}}" />
 </view>

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