学习旧岛小程序 自定义组件

Posted guangzhou11

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习旧岛小程序 自定义组件相关的知识,希望对你有一定的参考价值。

(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" 在小程序中相当与 "/components/like/index",
.. 表示返回上级目录



"like-cmp" :组件的别名
usingComponents 接收一个对象
"key":"value",
key 组件的别名 制订组件的规范
value 组件的路径

(3)使用组件
使用组件.wxml
<like-cmp/>

(4)图片
自定义组件的图片可以放到自定义组件的目录下 不须放 到大目录下的images 文件夹

以上是关于学习旧岛小程序 自定义组件的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序之自定义组件

微信小程序之自定义组件

微信小程序学习笔记——自定义组件步骤

从零学习微信小程序—— 自定义组件

从零学习微信小程序—— 自定义组件

微信小程序自定义组件详解