1.定義模板:

模板使用<template> </template>定義 使用?name?屬性作為模板的名字,供下次調用.

<template name='test'><view>測試模板</view><view>{{name}}</view><view>{{age}}</view><view>{{sex}}</view> </template>

2.使用模板:

使用?is?屬性聲明要使用的模板名稱,然后將模板所需要的數(shù)據(jù)使用?data?傳入.

注意:這里可能會用到?...?符號用于展開對象.

? ? ? ? 如果模板內綁定的數(shù)據(jù)名跟page.js中data對象屬性名相同則可以省略value.

詳情看代碼

//page.wxml <template is="test" data="{{name:name,age:age,sex:sex}}"/> <template is="test" data="{{...data1}}"/> <!--注意...這是展開對象的符號,可以理解為去掉對象的大括號--> <template is="test" data="{{name,age,sex}}"/> <!--可以省略value--> //page.jspage({data:{name:"愛憎分明",age:20,sex:'男',data1:{name:'蒼老師',age:30,sex:'女'}} })

3.模板作用域:

模板只能使用?is?傳入的數(shù)據(jù)?

4.引用模板

例如在page/demo/中定義了頁面?demo.wxml?和模板文件template.wxml?就可以使用?import 引入 template.wxml 用?src?屬性聲明模板路徑

注意: import 只會引用目標文件中定義的?template 而不會引用目標文件引用的template

<import src='template.wxml' /><template is="test" data="{{...data1}}"/>

5.導入文件

?include可以將目標文件除模板代碼塊<template />以外的所有代碼引入,相當于拷貝到include位置.用src聲明文件路徑

//template.wxml//template 以及所包括的內容不會被include <template name='test1'><view>測試模板1</view><view>{{name}}</view><view>{{age}}</view><view>{{sex}}</view> </template> //這下面的所有代碼會被include <block><view>測試模板1</view><view>{{name}}</view><view>{{age}}</view><view>{{sex}}</view> </block>//page.wxml <include src="template.wxml"/>

?

總結

以上是生活随笔為你收集整理的微信小程序学习日记---模板(template)全解析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。