视图层-WXML-模板及引用
2018-10-28 本文已影响0人
小美人鱼最可爱
WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。
补充:
1.事件:数据层到逻辑层的通讯方式。
模板
定义模板
使用 name 属性,作为模板的名字
<template name="table">
<view>
<text>{{content}}</text>
</view>
</template>
使用模板
使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入
<template is="table" data="{{...item}}"/>
Page({
data: {
item: {
index:0,msg:'this is a template',time:'2016-09-15'
}
}
})
注:模板的作用域:只能使用在data中定义了的数据以及模板定义文件中定义的 <wxs /> 模块。
引用
import
定义:可以在该文件使用目标文件定义了的模板。
<import src="item.wxml"/>
<template is="item" data="{{text:'forbar'}}"/>
注:import不具有传递性。
include
定义:可将目标文件除<template/>和<wxl/>外的整个代码都拷贝过来。
<include src="content.wxml"/>