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

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

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

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

模板的使用

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

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

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

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

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

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

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

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

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

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

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

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

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

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