小程序自定义组件

1、新增组件

创建component文件，里面放入自己写好的组件文件夹，例如tabs，该文件夹下放入对应四个文件

2、导入组件

找到你要使用其他组件的文件，例如我想在a组件中使用b组件，就在a组件中的js文件中配置

"usingComponents":{
    "b":"../../component/b/b"
}

键值对，前为需要使用的组件，后为使用组件对应的路径

3、使用组件

在a.wxml中将b当成一个标签使用

<b></b>

4、父组件向子组件传数据

父组件(页面)向子组件传递数据通过标签属性的方式来传递
在子组件上进行接收

*里面存放的是要从父组件中接收的数据*/
properties: {
	//要接收的数据的名称
	aaa; {
		// type 要接收的数据的类型
		type:String ,
		// value 默认值
		value:{}
	},
}

触发父组件中的自定义事件同时传递数据给

this. triggerEvent (”itemChange”{index}) ;

父组件绑定自定义组件

<Tabs tabs= "{{tabs}}" binditemChange= "handleItemChange" ></ Tabs>

父组件方法中处理对应数据

//自定义事件用来接收子组件传递的数据的
handleItemChange(e) {
	//接收传递过来的参数
	const { index } = e.detail;
	Let { tabs } = this. data;
	tabs.forEach((v, i) => i === index ? v.isActive = true : v.isActive = false)
	this. setData {
		tabs
	})
}