# 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`?位置