微信小程序之自定义组件创建及其字段说明

一、自定义组件简述

        开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。

二、如何创建自定义组件

        1、创建一个放自定义组件集合的文件夹，

        2、创建自定义组件的文件夹

        3、鼠标右键自定义组件文件夹新建Component

三、如何引用

        1、在页面组件的配置文件中注册，配置文件为.json的文件

              ***图中“my-btn”为组件的名字随便写，后面跟的组件的路径***

{
  "usingComponents": {
    "my-btn":"../../components/mybtn/mybtn"
  }
}

         2、在页面.wxml文件中使用即可

<my-btn></my-btn>

 四、组件的样式设置

        组件的样式很简单，类比页面，在.wxml中写组件页面结构，在.wxss中写样式

        注意！