类似于页面，自定义组件具有自己的wxml模板和wxss样式。

官方链接

反过来，组件化要理解，编写重复的页面，方法，第二次编写会很烦人，提取是组件化，这可以理解为一种常用方法

对于一般数据，您想到或应该暴露的第一件事是模板，但是模板有一个缺点，那就是只有页面效果，并且不会有相应的js操作。

微信小程序组件化，为什么要使用自定义组件？

每个页面都有对应的js（JavaScript），json（配置配置），wxml（html），wxss（css），更糟糕的是

不太好，为什么需要自定义组件？

当然，对于一个特定页面就足够了，但是如果它是一个普通页面，则需要相同的效果。

或类似的效果，您是否仍一步一步重复操作

存在是合理的。定制组件可以理解为定制标签，即页面的一部分。

当然，这只是最基本的

考虑一下，因为它是组件，所以它是页面的一对多关系。

如何将多个页面链接到组件中。

页面页面可以将值传递给组件组件，自然组件也将对应于页面自定义的回调方法。

只要您能想到并想要实现，就会有相应的优惠。

如何实现，在目录中创建一个新组件，并且将自动生成相应的js，json，wxml，wxss，基本上类似于页面

查看每个组件文件的内容

Component({
　　

选项：{

multipleSlots：true //定义组件时在选项中启用多插槽支持

}，

/** * 组件的属性列表 */ properties: { }, /** * 组件的初始数据 */ data: { }, /** * 组件的方法列表 */ methods: { }})

options，multipleslots：true在构建中启用多插槽支持。

属性，可以定义接收页面的某些属性。

数据，组件数据

方法，成分提取方法

具体用法

首先，您需要在页面页面上配置json以启用组件的使用

谈论选项

您可以在组件的wxml中

通过广告位的名称属性指定相应页面的内容

好

谈论属性

在自定义标记中传递num属性

可以通过组件中的属性传递

通过this.properties.num

获取num值

数据使用与页面相同。

最重要的是方法事件

与组件相比，页面是一对多的过程

自提取以来，这些组件只能执行一些常见的操作，并且必须通过页面自检某些私有实现。

这涉及回调。例如，向组件添加bindtap方法。

但是此组件页面的customevent方法是绑定的。

对应页面页面

在方法中，使用treggerEvent调用由页面本身实现的方法。

好的，这是组件化的介绍

我的博客即将迁移并同步到腾讯云+社区，我邀请所有人加入我们：