微信小程序自定义组件创建流程

微信小程序自定义组件的创建方法：

1.在根目录下创建components文件夹。（第一次的时候创建，以后就不需要再创建了）

2.在components下面创新组件名，如xsj，继续在xsj文件夹下单击右键，新建component。

3.在创建好的组件的wxml中写出你想显示的内容即可，在wxss中编辑样式

4.比如首页想要调用xsj组件，那么就需要在index.json中进行配置。

5.在index.json中的调用方法，属性名是组件名，值就是组件的路径

"usingComponents": {
    "xsj":"/components/xsj/xsj"
}

6.在index.wxml中就可以使用自定的组件了，如：

<xsj></xsj>
<xsj/>

自定义组件传递属性

1.在自定义组件上传递自定义属性，如：

<PubTitle myTitle="行业动态"/>

2.需要来到PubTitle自定义组件的js中，接收该自定义属性，如：

properties: {
    //myTitle就是自定义的属性名，需要指定type(String/Number/Array/Object),指定value默认值。
    myTitle:{
      type:String,
      value:""
    }
}

3.在PubTitle.wxml中渲染从前端传递过来的属性。如：

<view class="pubTitle">
    <view class="txt">{{myTitle}}</view>
    <navigator class="more">更多 ></navigator>
</view>