微信小程序自定义组件的使用

一、通用组件还是业务组件

1.通用组件的功能就是实现组件复用

2.业务组件主要是为了实现一个专门的业务开发

二、创建组件

1.在根目录创建components文件夹

2.在components文件夹里创建组件，如tabs

如下图所示

3.如果要使用自定义组件，需要在使用组件的页面的json文件里添加组件信息

4.组件之间的传值

传参

组件接收参数

组件传参

自定义组件通过自定义事件给父组件传参

父组件接收

处理

 

传过来的值

总结

父组件通过属性给自定义组件传递参数
自定义组件通过自定义事件给父组件传递参数

三、插槽的使用(slot)

1.为什么要使用插槽

答：通用组件只是规定了一个通用的基本结构和样式，而每个相似组件都有自己特定的内容与样式，这时就需要使用插槽来“定制”属于自己的内容和样式

2.插槽的使用

a.定义插槽

   在自定义组件里

注意：使用多插槽需要在组件json文件里配置

b.在父组件里使用插槽

总结

1.传参：父子组件传参

2.slot：插槽的使用