小程序模板template使用介紹

template（模板）:是能夠在wxml中引用的代碼，就是在wxml中引用公用的wxml類型的代碼,它的做用相似於組件，所以這裏簡單的說明下template與Component （組件）的區別。

template（模板）與Component （組件）的區別：

1.template（模板）：主要用於顯示，簡單的說主要是用於嵌入wxml的代碼，模板中是能夠擁有對應的樣式以及邏輯，可是他並無屬於的對應的js文件，它的邏輯依賴於引用的頁面。

2.Component（組件）：做爲一個單獨的功能模塊，不只能夠包含頁面展現還能夠包含該模塊的事件邏輯處理。像一個頁面同樣，Component組件能夠包含wxml wxss js json 文件。

總的來講，template（模板）和Component （組件）很是類似，Component （組件）相比於template（模板）更完整，接近於一個獨立的模塊，有本身的邏輯方法，因此在使用場景上會有必定的區別，template（模板）更多的適用於僅僅是展現用的，而Component （組件）可用於業務上或者涉及的邏輯相對複雜的場景上進行使用。

 

引入模板
新建一個wxml文件，用template的標籤寫入對應的內容，並命名name的屬性（name至關於ID，具備對應的識別功能）

而後在對應的頁面中經過import模板文件，並經過template標籤進行讀取，is屬性對應template的name屬性，is屬性能夠經過匹配匹配出要讀取的模板。

 

使用注意
template是能夠依賴於引用頁面的樣式以及邏輯的，所以引用的時候要很是謹慎注意。如引用js，和wxss。

如圖給template加上class和事件

在引入的index文件中的wxss文件加入對應的類名以及加入對應的事件

證實template的代碼是能夠依賴引入文件的js，css

 

參數傳遞
參數的傳遞能夠經過data屬性進行傳遞並在模板文件中經過item進行賦值

總結：以上就是template模板的一些基礎知識，在使用的量上可能沒有component那麼頻繁，畢竟相對與component，template所使用場景仍是稍微少了一點。固然若是要深度解析template的案例的話，你們能夠參考一下wxPrase的這個插件，插件中就經過template實現富文本的讀取。

 

睿江雲官網連接：https://www.eflycloud.com/home?from=RJ0036