学习旧岛小程序 (2) 自定义组件
生活随笔
收集整理的這篇文章主要介紹了
学习旧岛小程序 (2) 自定义组件
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
(1) 新建組件 新建組件目錄下的文件名字可以與目錄不一樣 (2)引用組件 在引用的組件的 .json 添加配置 { "usingComponents": { "like-cmp": "/components/like/index", } }
"/components/like/index" : 組件的路徑 組件的路徑要使用絕對路徑不然會報錯 比如:Component is not found in path "pages/classic/components/like/index" (using by "pages/classic/classic") 相對路徑會找到使用組件的同級組件中去
使用相對路徑定義組件的路徑: "../../components/like/index"
"../../components/like/index" 在小程序中相當(dāng)與 "/components/like/index", .. 表示返回上級目錄
"like-cmp" :組件的別名 usingComponents 接收一個對象 { "key":"value", } key 組件的別名 制訂組件的規(guī)范 value 組件的路徑
(3)使用組件 使用組件.wxml <like-cmp/>
(4)圖片 自定義組件的圖片可以放到自定義組件的目錄下 不須放 到大目錄下的images 文件夾
"/components/like/index" : 組件的路徑 組件的路徑要使用絕對路徑不然會報錯 比如:Component is not found in path "pages/classic/components/like/index" (using by "pages/classic/classic") 相對路徑會找到使用組件的同級組件中去
使用相對路徑定義組件的路徑: "../../components/like/index"
"../../components/like/index" 在小程序中相當(dāng)與 "/components/like/index", .. 表示返回上級目錄
"like-cmp" :組件的別名 usingComponents 接收一個對象 { "key":"value", } key 組件的別名 制訂組件的規(guī)范 value 組件的路徑
(3)使用組件 使用組件.wxml <like-cmp/>
(4)圖片 自定義組件的圖片可以放到自定義組件的目錄下 不須放 到大目錄下的images 文件夾
轉(zhuǎn)載于:https://www.cnblogs.com/guangzhou11/p/11260314.html
總結(jié)
以上是生活随笔為你收集整理的学习旧岛小程序 (2) 自定义组件的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SpringBoot入门和配置
- 下一篇: c++11 移动语义move seman