在做小程序项目时,一个页面可能会拆分成很多组件去完成,一是方便代码复用,二是利于后期维护更新,使代码结构变得更为简洁。
提取公共行为,实现行为的继承
- 使用场景:在做项目时,往往会遇到多个组件中,有一部分行为是多个组件同时存在的,有可能是properties、data、methods以及一些生命周期函数内的行为。
- 解决办法:去除冗余代码,提取公共行为,实现组件继承;
举个?:
现有A、B、C三个组件,分别都存在页面传入的properties相同属性,如下:
三个组件的js代码:
Component({
/**
* 组件的属性列表
*/
properties: {
// 页面传入数据
img: String,
content: String