# 模板片段

借助 <template> 可以定义和引用可复用的模板片段。

# 定义和使用模板片段

使用 <template name="..."> 可以定义模板片段。例如：

<template name="user-card">
  <view class="card">
    <view>{{ name }}</view>
    <view>{{ age }} 岁</view>
  </view>
</template>

使用 <template is="..."> 引用模板片段。通过 data 可以传递数据（此处的数据绑定必须是一个对象）。例如：

<template is="user-card" data="{{ name: '张三', age: 20 }}" />

模板片段内部只能使用 data 传入的数据，不能使用其他数据和临时变量。

# 动态引用模板片段

引用时的 is 也可以是动态的数据绑定。这样就可以动态切换模板片段。

<template name="typeA">
  <view>A: {{ value }}</view>
</template>

<template name="typeB">
  <view>B: {{ value }}</view>
</template>

<template is="type{{ currentType }}" data="{{ value }}" />

# 模板片段的作用域

定义的模板片段具有文件级别作用域。在同个文件中，模板片段也可以在它被定义前引用。

在 glass-easel 组件框架中，模板片段可以递归。

如果想在其他文件中引用，请参考引用文档。