# template 模板 ***** ###1. 使用 1.在wxml页面中定义模版 `<template name="xx"></template>` 2.使用模版 `<template is="xx" />` <br> ### 2. 动态渲染模板 >is中可以写三元表达式 `<template is="{{2>4?'tempName1':'tempName2'}}"/>` <br> ### 3.模板接收参数 ``` data: { d: 333, obj: { name: '222', }, }, ``` ``` <template name="temptlate2"> <view>{{d}}</view> <view>{{name}}</view> </template> <!-- data是 temptlate2中添加的数据，使用结构的方式遍历属性--> <!-- is中可以写三元表达式 --> <template is="temptlate2" data="{{d,...obj}}" /> ``` ### 4.模板的抽取 >1.定义外部模版 `<template name="xx"> <view>内容</view> </template>` > >2.导入外部模版 ` <import src="外部模板的路径" />` > >3.使用模版：`<template is="xx"></template>` ***** >> include引入的模板只是显示外部模板中不是在template中的内容，即普通内容 `<include src="外部模板路径" />` ***** >[danger]**区别：** > >**import主要用于模版文件的导入，只会导入外部模版wxml中的temlpate的内容。**一般用于数据要传参数用import > >**include主要用于普通内容的显示，不会导入外部模版wxml中的temlpate的内容。**一般传一些静态文件，公用文件（头部header，尾部footer） >**import 有作用域的概念**，即只会 import 目标文件中定义的 template，而不会 import 目标文件 import 的 template。 > >**如：B import A，C import B，在C中可以使用B定义的template，在B中可以使用A定义的template，但是C不能使用A定义的template**。 >**include** 可以将目标文件**除了**  外的整个代码引入，相当于是拷贝到 `include` 位置