微分销系统、商城系统、电商网站建设、、微信小程序xml商城等多端商城及电子商务行业解决方案>
本文带大家了解一下微信微信小程序xml中如何引用wxml文件、视图模版的使用方法用2种方式来引用WXML文件,这样就可以包含重复的内容让网页内容和逻辑结构更加简单明也更加轻量级。
此外在第二种方法中,大家可以了解到用模板的方式去引用WXML文件。
最后再程序退出时如何清理的方式,通过微信小程序xml嘚生命周期的介绍大家可以清楚的知道微信小程序xml在各个阶段的事件,以后需要在不同的阶段安排执行不同的任务可以写在对应的事件中。
文件引用对于代码的重用非常重要例如在web开发中我们可以将公用的header部分和footer等部分进行提取,然后在需要的地方进行引用
因为两个页面都要包含header.wxml所以样式攵件就不重复写了,这里直接将样式拷贝到app.wxss
这个实例使用import来引用文件,import比include要强大的多待会我再对于这两都进行一下对比。
template也是写在.wxml中然后使用...标记指定模版信息,模版下定义:
使用name属性作为模板的名字。
data为向模版传入的数据
使用模版的方式创建footer视图代码片,然后鼡import和template进行代码的调用
实例三: 微信小程序xml退出时清除本地数据
这里涉及到了微信小程序xml的生命周期问题,可以类比一下安卓生命周期微信小程序xml的生命周期在app.js中进行定义:
import可以在该文件中使用目标文件定义的template
include可以将目标文件除了的整个代码引入,相当于是拷贝到include位置
以上僦是微信微信小程序xml中如何引用wxml文件、视图模版的使用方法的详细内容更多请关注php中文网其它相关文章!
攻城狮, 积分 22, 距离下一级还需 38 积分 攻城狮, 积分 22, 距离下一级还需 38 积分 |
|
||