小程序模板的使用

模板是什么?

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


有啥作用?

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


怎么使用?

  • 模板定义:使用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,可以对每个项目进行操作

小程序模板的使用

上一篇:微信群发助手 附僵尸粉检测—免费版,清理微信被删除好友


下一篇:小程序项目入坑实践