(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 文件夹