在一个小程序中，如果要在页面中抽象功能模块，并在不同页面中重复使用，我们可以使用其自定义组件。自定义组件可以分为具有复杂页面的多个低耦合模块。这不仅可以方便地使用，而且可以帮助我们的代码维护。
您将获得这篇文章
？如何为小程序使用自定义组件
?自定义组件之间的各种值
?在自定义组件中使用插槽
？Thunder，本文中的小节目是指微信Mini计划（但其他Applet想法应该几乎相同）
?Dinglei，本文的主要内容是自定义组件的各种用法，而不是教每个人如何打包组件！
首先创建一个专门用于在根目录中设置自定义组件的文件夹（文件夹名称是任意的，并且位置是任意的）
然后在applet编辑器中，右键 - 单击并创建一个新组件
你为什么要说这一步？
我不知道是否有小朋友只使用小型程序开发工具作为预览工具，然后与其他编辑一起开发它。
发现新组件或页面直接在小程序中创建。它将一口气构建所有四个文件，并且内容模板将一口气填充。因此，除了预览开发人员工具外，我还使用它来创建新文件。
我们将在下图中的模块部门中编写一个简单的组件示例（盲目以获取示例）
创建不多，好像上述[新组件文件]，如果是手动创建的，请不要忘记在JSON文件中声明（小型程序开发工具新创建的默认值）
介绍组件方法
页面文件中的参考声明
使用页面中的自定义组件，例如基本组件（名称与名称和语句一致）
可以看出，我们已经编写了上面标题的内容，但是实际上，我们必须使用不同的模块根据不同的模块传递不同的标题内容，以便我们需要使用父子的价值。
父亲 - 级别的子级别价值
孩子的价值 - 级别接收父级
稍微修改组件，并添加操作按钮的详细信息。目前，已经通过周期获得了多个模块。现在，当您单击详细信息时，子级别已将当前模块的ID传递给父级。
子组件的子组件的定期组件
父组件接收子类的参数
副官定义了一种方法
父亲级别首先给出一个子ID ID的子计算
获取JS页面生命周期中的组件，然后将其存储在我们的自定义变量中，然后您可以直接调用儿童组件中的方法
如果this.selectcomponent（）返回到null
1.检查WXML定义的ID和JS是否一致；
2.自定义组件渲染是吗？例如，如果您使用WX：如果尚未呈现组件
该值官方网站上的相关文档：地址：地址：地址
我们在上面的自定义组件中添加了[详细信息]查看操作按钮，但是在某些地方，我们可能不想使用文本，需要更改为图标或按钮。当放置在某个位置的节点的内容不确定时，我们可以将其用于usethe插槽。
该插槽等同于将一个位置放在子组件中，因此父组件可以将HTML填充到子组件中。
将插槽添加到子组件中
父级可以填充组件中的内容，例如插入图标（如果子级未添加插槽，则在html填充时间填充时不会在时间上渲染）
让我们打开子组件的JS中的多SLOT支持
在插槽中添加一个插槽以在子组件中添加一个插槽
在父级中使用
问题：您为什么不反应添加插槽？
尽管我只在[sub -component]中添加了一个插槽，但是由于名称，我也需要打开多个单位
GLIP官方网站文档：地址
生命周期官方网站：地址