小程序模板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實現富文本的讀取。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM