模板的定义及引用
<!--template.wxml--> <template name='student'> <view>name:{{name}}</view> <view>age:{{age}}</view> <view>gender:{{gender}}</view> </template>
// pages/index/index.js Page({ data: { stu01:{ name:'张三', age:18, gender:'男' }, stu02: { name: '李四', age: 19, gender: '女' } } })
<!--pages/index/index.wxml--> <view class='box'> <view class='title'>模板的定义和引用</view> <import src='template.wxml' /> <template is='student' data="{{...stu01}}" /> ---------------------------- <template is='student' data="{{...stu02}}" /> ---------------------------- <template is='student' data="{{name: '王五',age:'20',gender: '男'}}" /> </view>
模板的定义方法
WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方引用。
定义模板时,使用template标签,name属性指定模板的名字
模板的引用方法和使用方法
引用模板时,使用template标签的is属性指定引用的模板,并通过 data 属性传入模板数据,data属性指定所用的哪一个对象,当然也可以直接给对象赋值,当使用对象的所有内容时,可以在对象名前加三个.
使用模板,通过import标签来引用模板定义的文件,通过src属性引入模板文件
利用import可以引用目标文件中定义的template, import 有作用域的概念,即只会 import 目标文件中 定义的 template,而不会 import 目标文件 import 的 template.
举例:AimportB ,BimportC
A可以使用B中定义的template,B可以使用C中定义的template,A不能使用C中定义的template