微信小程序开发系列（三十四）·自定义组件的创建、注册以及使用（数据和方法事件的使用）

目录

1.  分类和简介

2.  公共组件

2.1  创建

2.2  注册

2.3  使用

 3.  页面组件

3.1  创建

3.2  注册

3.3  使用

4.  组件的数据和方法的使用

4.1  组件数据的修改

4.2  方法事件的使用

---

1.  分类和简介

        小程序目前已经支持组件化开发，可以将页面中的功能模块抽取成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。

开发中常见的组件有两种：

①  公共组件：将页面内的功能模块抽取成自定义组件，以便在不同的页面中重复使用

②  页面组件：将复杂的页面拆分成多个低耦合的模块，有助于代码维护

如果是公共组件，建议放在项目根目录的 components 文件夹中

如果是页面组件,建议放在对应页面的目录下

建议：一个组件一个文件夹

        开发中常见的组件主要分为公共组件和页面组件两种，因此注册组件的方式也分为两种：

①  全局注册：在 app.json 文件中配置 usingComponents进行注册，注册后可以在任意页面使用。

②  局部注册:在页面的json文件中配置usingComponents进行注册，注册后只能在当前页面使用。

        在 usingComponents 中进行组件注册时,需要提供自定义组件的组件名和自定义组件文件路径，在将组件注册好以后，直接将自定义组件的组件名当成组件标签名使用即可。

ps：之前的代码已被注释掉或者对本章节所要讲的代码无影响，每章代码（微信小程序开发系列）都是独立演示的。

页面都是随机的，不用一定要同种页面命名，主要在相同后缀。

2.  公共组件

2.1  创建

        点击文件夹，创建一个文件夹：

        右键刚才创建的文件夹，新建一个文件夹：

        如图点击：

        对于这一步老版本的可能就完成了，但对于新版本会有一个报错：

         解决方法就是custom-checkbox.json文件，找到：

  "component": true,