浅析微信小程序中自定义组件的方法

微信小程序中怎么自定义组件？下面本篇文章给大家介绍一下微信小程序中自定义组件的方法，希望对大家有所帮助！

在微信小程序开发过程中，对于一些可能在多个页面都使用的页面模块，可以把它封装成一个组件，以提高开发效率。虽然说我们可以引入整个组件库比如 weui、vant 等，但有时候考虑微信小程序的包体积限制问题，通常封装为自定义的组件更为可控。

并且对于一些业务模块，我们就可以封装为组件复用。本文主要讲述以下两个方面：

组件的声明与使用

组件通信

微信小程序的组件系统底层是通过 Exparser 组件框架实现，它内置在小程序的基础库中，小程序内的所有组件，包括内置组件和自定义组件都由 Exparser 组织管理。

自定义组件和写页面一样包含以下几种文件：

index.json

index.wxml

index.wxss

index.js

index.wxs

以编写一个 tab 组件为例：编写自定义组件时需要在 json 文件中讲 component 字段设为 true：