小程序中Component组件怎么使用？实用指南分享

小程序中Component组件怎么使用？实用指南分享
小程序中Component组件怎么使用？下面本篇文章给大家分享一下小程序自定义组件Component超全实用指南，希望对大家有所帮助！

小程序中component组件怎么使用？下面本篇文章给大家分享一下小程序自定义组件component超全实用指南，希望对大家有所帮助！

在小程序中，想要将页面内的功能模块抽象出来，在不同的页面中重复使用，我们可以使用它的自定义组件，自定义组件可以将复杂的页面拆分成多个低耦合的模块，这样不仅使用起来方便，而且还有助于我们的代码维护。【相关学习推荐：小程序开发教程】

前言

本文你将收获

小程序如何使用自定义组件

自定义组件之间的各种传值

自定义组件中插槽的使用

排雷，本文的小程序指的是微信小程序（不过其他的小程序思路应该差不多）

排雷，本文主要内容是自定义组件的各种用法，不是教大家怎么封装组件哈！

基础准备（可忽略）新增文件夹

首先在根目录下创建一个专门放自定义组件的文件夹（文件夹名称任意，位置也任意）

新建Component文件

然后在小程序编辑器里，右键，新建Component

为什么要特意说这一步呢？

不知道有没有小伙伴们和我一样一直只把小程序开发工具当预览工具用，然后开发是用其他编辑器的。

后面发现直接在小程序新建Component或者Page，它会一口气把四个文件都建好，并且内容模板也会填好，所以现在开发者工具除了预览，我还用它新建文件。

示例背景说明

我们后面就以类似下图中的模块分割标题为例写一个简单的组件示例（只是瞎举例）

怎么引入自定义组件？

创建不多说，如以上【新建Component文件】即可，如果是自己手动创建，别忘了在json文件声明（小程序开发工具新建的默认就有）

{ "component": true}