零基礎學習微信小程序(7):自定義組件

創建組件:

創建組件的時候應該要創建存放組件的文件夾,一個自定義組件是由json、wxml、wxss、js4個文件構成的。
在這裏插入圖片描述
創建4個文件的小技巧:右擊Tabs文件夾,選中新建Component,再輸入文件名,即可創建4個文件。
注意點:與頁面.js文件相比較,頁面的js文件存放回調函數的時候,存放在data同層級下;組件js文件中,存放事件回調函數的時候,必須存放在methods中。

聲明組件:

在組件的json文件中要對自定義組件進行聲明。
在這裏插入圖片描述
第一行表示的是,聲明瞭該組件。
第二行表示的是,使用了某個組件。
在需要使用組件的頁面json中,應該寫入代碼:
在這裏插入圖片描述
該代碼表明瞭使用了Tabs組件,該組件的路徑爲“…/…/components/Tabs/Tabs”

使用組件:

在需要使用組件的地方使用組件,即可成功的使用組件
在這裏插入圖片描述
在這裏插入圖片描述

文章內容爲視頻零基礎玩轉微信小程序【黑馬程序員】知識點整合

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章