微信小程序开发入门（十五）

模板的定义及引用

<!--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