微信小程序（template的使用）

　　小程序的template是一個模版功能，在建立一個template後，其餘的頁面能夠引用，相比component較簡單、方便！

template只須要兩個文件，一個wxss文件和wxml文件，也只有這兩個功能起做用，只用於顯示，json和js文件建立了也無效。

 

下面是簡易教程

一、新建兩個文件，template.wxml和template.wxss，在wxml裏面定義template，取名爲msg-template (名字自定義)

 

二、在其餘文件經過<import src="template.wxml"/>引入到文件，用template標籤引用，其中is是在template的name值

如今就能夠看到效果了

 

3、寫template.wxss，在引入文件的wxss中@import "./template/template.wxss";引入templage.wxss

 

 

template.wxssd中設置顏色爲

結果是

 （引入的wxss和原文件的wxss是通用的，分開寫是爲了方便管理，注意在模板樣式取名加模板名用以區分，避免混淆），若是取名相同，可能會引發衝突

 

四、向模板傳值，在引用文件的template標籤上經過data="{{data}}"傳值，模板中經過傳的參數名取值

 

結果

 模板中取值的名字能夠自定義，也能夠多個傳值

 

結果

五、template.wxss中能夠綁定事件，因爲模板沒有本身的js文件，因此的處理事件在引用文件中。

 

 

總結：template模板就是把統一的一些代碼放在另外一個文件供引用。wxss能夠分出來管理，最後使用的時候都是在同一個文件裏處理。邏輯處理、數據處理都是在引用文件中。

 

我是剛入門不久的前端工程師，內容寫的可能不是那麼精簡、清楚，我會慢慢改進排版以及內容，但願各位多多指點，多多支持，謝謝

（ps: 若是有剛加入前端這個行業的，比較迷茫的同窗，歡迎進羣交流，但願不嫌棄的同行或者大佬加羣你們一塊兒交流，相信將來會更好

羣名稱：web技術交流羣（往全棧發展的）

羣   號：815957915）