微信小程序-自定义组件

描述：将页面内的功能模块抽象成自定义组件，以便在不同页面中重复使用；或者是复杂的页面拆分成多个低耦合的模块，有利于代码维护。

功能实现：下面就以列表展示为例，在项目中，多个地方使用到列表展示，整体样式就是左边图片，右边标题和内容列表。

第一步：创建组件

在pages同级目录下新建component目录，在当前目录下新建list文件夹，里面包含.js,,wxml,,json,,wxml四个文件。

第二步：在list.wxml中写入

 <view class="xiangqing-border">
        <view class="xiangqing" wx:for="{
  {listArray}}" wx:key='' data-id="{
  {item.id}}" catchtap="showDetail">
          <!--头像-->
          <view clas