[小程序开发] 组件复用机制

一、behaviors

        behaviors方法是一种代码复用的方式，可以将一些通用的逻辑和方法提取出来，然后在多个组件中复用，从而减少代码冗余，提高代码的可维护性。

二、复用代码

        使用behavior复用代码，需要使用Behavior()方法，每个behavior可以包含一组属性、数据、生命周期函数和方法。组件引用它时，它的属性、数据和方法会被合并到组件中，生命周期函数也会在对应时机被调用。

复用组件js页面 

const behavior=Behavior({
	properties:{
		label:{
			type:String,
			value:"我已同意该协议"
		}
	},
	data:{
		name:'Tom',
		obj:{
			name:'Tyke'
		}
	},
	methods:{
		updateName(){
			this.setData({
				name:'jerry'
			})
		}
	},
	lifetimes:{
		attached(){
			console.log('我是组件的生命周期函数')
		}
	}

})

export default behavior

使用组件js页面（引入复用组件文件） 

import behavior from './behaviors'

Component({

    // 复用组件
    behaviors:[behavior]
})

 

三 、组件和behaviors可能存在相同的字段的处理方法

        1、如果存在相同的properties--采用就近原则、使用组件内部的数据。

        2、如果存在相同的data--对象类型属性会进行合并、其他类型采用就近原则、使用组件内部的数据。

        3、如果存在相同的methods--采用就近原则、使用组件内部的数据。

        4、如果存在相同的lifetimes--生命周期函数都会被触发。