微信小程序开发——视图与渲染(一)

微信小程序开发——视图与渲染(二)

微信小程序开发——视图与渲染(三)难点

模板的使用

当有多个页面有相同程序时,可以把相同的部分提取出来作为模板,在需要用到的时候调用即可,以达到减轻代码量的目的。

1.在新建的 templates 目录下创建两个模板文件 header.wxml 和 footer.wxml

微信小程序开发——视图与渲染(四)重点

2.在 header.wxml 文件下写一个文本标签

引入方法:<include src=" 引入模板的路径 " />

微信小程序开发——视图与渲染(四)重点

微信小程序开发——视图与渲染(四)重点

3.在 footer.wxml 文件里,我们使用 template 标签定义两个模板

微信小程序开发——视图与渲染(四)重点

调用方法:<import src="引入模板的路径" />     <template is="需要调用的模板名称"/>

微信小程序开发——视图与渲染(四)重点

4.可以在模板里调用模板

微信小程序开发——视图与渲染(四)重点

微信小程序开发——视图与渲染(四)重点 

相关文章:

  • 2021-10-19
  • 2021-09-25
  • 2021-09-25
  • 2021-10-19
  • 2021-10-08
  • 2021-06-28
  • 2022-01-13
  • 2022-12-23
猜你喜欢
  • 2021-06-18
  • 2021-10-26
  • 2021-04-07
  • 2021-11-02
  • 2021-07-07
  • 2021-03-31
  • 2021-11-08
相关资源
相似解决方案