小程式學習筆記(四)template模版

2021-09-17 03:06:01 字數 618 閱讀 7686

概念

將相同的**塊抽離出來,在模板中定義**片段,然後在不同的地方呼叫。

模版的定義與使用

1、定義模板

在內定義**片段,template中的 name 屬性接收乙個字串作為該模板的名字。如:

//  msgitem:該模版的名字

} ...

2.使用模板

在其他所需要的檔案最上方引入使用的src屬性將相關模板引入

//  is:用以指定模版,接收模板名    data: 將資料傳遞給模版
tips:

1、在模版檔案中,值需要wxml、wxss兩個檔案即可,在template中js檔案是不執行的

2、在元件中給模版傳遞資料事,使用將資料進行展開 ,那在模版中獲取資料就直接寫item下的屬性名就行

如果是使用,那在模版中獲取資料就需要使用 item.屬性名來獲取資料

3、templete模版作為乙個佔位符,是沒有渲染在wxml中的,所以給templete新增事件,不能直接加給template本身,可以在外面用乙個元素包裹起來,將時間新增給父級元素

小程式開發學習記錄(四)

這節,我們來講一下小程式的開發語言 wxml。用過vue等開發框架或者使用過雙花括號的同學對於本節的內容應該會比較熟悉。wxml跟vue語法十分的相似,有類似於vue的資料繫結,v for v if 模板 template 的結構。1.資料繫結 wxml view view page.js page...

小程式學習筆記(二)小程式宿主環境

小程式的執行環境分成渲染層和邏輯層,其中wxml 模板和 wxss 樣式工作在渲染層,js 指令碼工作在邏輯層。這個配置說明專案定義了兩個頁面,分別位於pages index index和pages logs logs。而寫在pages欄位的第乙個頁面就是這個小程式的首頁 開啟小程式看到的第乙個頁面...

微信小程式學習筆記

1 background image 只能用網 絡url 或者base64 本地圖 片要用image 標籤才行 2 事件綁 定value 是乙個字串,需要在對應的 page 中定義 同名的函式。不然當觸 發事件的時候會 報錯。3 bind事件綁 定不會阻止冒泡事件向上冒泡,catch事件綁 定可以阻...