在小程序開發過程中，一個項目需要在多處頁面使用類似的模塊，就需要創建模板減少代碼量，同時提高代碼復用度。小程序通過template?標簽使用模板，template?標簽的?is?屬性與模板的?name?屬性對應，data?屬性代表傳入模板的數據。

在使用模板開發小程序前，需先定義模板，在開發項目中新建一個template文件夾用來管理項目中所有的模板。由于模板屬于樣式文件，因此新建一個courseList.wxml文件用于定義模板。使用name屬性，作為模板的名字。然后在內定義代碼片段。需要注意一個.wxml文件中可以定義多個模板，只需要通過name來區分。模板中的數據都是展開之后的屬性。定義模板的代碼如下：

在name中輸入不同名稱可以定義另一個完整的template，它們屬于一個.WXML文件下，在使用模板中通過不同的名字調用定義的模板。使用?is?屬性，聲明需要的使用的模板：

importsrc=../../templates/courseList.wxml

將模板所需要的?data?傳入，一般我們都會使用列表渲染。

值得注意的是，可以通過表達式來確定使用哪個模板，或者通過wx:if來確定。index是數組當前項的下標。

本篇開發教程源自即速資訊

模板樣式

在新建模板的時候同時新建一個courseList.wxss?的文件，與CSS同樣的寫法控制樣式。

在需要使用模板的頁面?.wxss文件中import進來；或者直接在app.wxss中引入，這樣只需要一次引入，其他文件就不用引入了。

總結小程序模板使用主要為在同一個WXML文件中創建多個類似的模板用name屬性來區別，模板WXSS在全局引入和在使用頁面引入的區別在于模板的使用量。

更多小程序開發教程關注小程序學院

總結

以上是生活随笔為你收集整理的微信小程序开发template模板使用的全部內容，希望文章能夠幫你解決所遇到的問題。

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