小程序模板的使用
模板是什么?
顾名思义,模板就是页面中可以套用的公共资源
有啥作用?
减少重复代码,代码会更加简洁,不同的页面都可以使用模板,可以提升开发效率
怎么使用?
- 模板定义:使用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,可以对每个项目进行操作