爲了有更好的複用性,我們使用組件這一概念,下面說說如何使用組件。
1.首先在pages
同級目錄新建文件夾components
文件夾,這裏面是可複用的一些組件
2.新建一個頁面組件命名爲:like,裏面的文件名爲index.wxs/imdex.json/index.wxss/index.wxml
,在這裏面就可以寫組件的各種骨架css和js代碼了
3.引用:
在想要使用這個組件的頁面.json
文件中,
{
"usingComponents": {
"v-like":"../../components/like/index"
}
}
注意這個鍵值對的key名字可以隨意寫,但是這個名字就是你要在使用組件的頁面要引用時的名字,需要注意的點就是在value中使用的地址是絕對路徑,要不然.wxml
文件中是找不到這個組件,並且不能使用的
4.在.wxml
文件中得到使用
<v-like> </v-like>
這樣使用即可