微信小程序組件的使用

爲了有更好的複用性,我們使用組件這一概念,下面說說如何使用組件。

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>

這樣使用即可

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