小程序模板的使用

模板是什么？

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

---

有啥做用？

减小重复代码，代码会更加简洁，不一样的页面均可以使用模板，能够提高开发效率

---

怎么使用？

• 模板定义：使用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，能够对每一个项目进行操做