Aurelia - 组件生命周期

Aurelia 使用组件生命周期方法来操作组件生命周期。在本章中，我们将向您展示这些方法并解释组件生命周期。

• constructor() − 构造函数方法用于初始化使用类创建的对象。首先调用此方法。如果您未指定此方法，则将使用默认构造函数。

• created(owningView, myView) − 一旦创建视图和视图模型并将其连接到控制器，就会调用此方法。此方法接受两个参数。第一个是声明组件的视图 (owningView)。第二个是组件视图 (myView)。

• bind(bindingContext, overrideContext) −此时，绑定已开始。第一个参数表示组件的绑定上下文。第二个参数是 overrideContext。此参数用于添加其他上下文属性。

• attached() − 组件附加到 DOM 后，将调用 Attached 方法。

• detached() − 此方法与 attached 相反。当组件从 DOM 中移除时，将调用该方法。

• unbind() − 最后一个生命周期方法是 unbind。当组件解除绑定时，将调用该方法。

当您想要对组件进行更高程度的控制时，生命周期方法非常有用。当您需要在组件生命周期的某个点触发某些功能时，可以使用它们。

所有生命周期方法如下所示。

app.js

export class App {
    constructor(argument){
    // 在此创建并初始化您的类对象...
    }
    
    created(owningView, myView) {
    // 创建组件后调用...
    }
    
    bind(bindingContext, overrideContext) {
    // 激活数据绑定后调用...
    }
    
    attachment(参数) {
    // 组件附加到 DOM 后调用...
    }
    
    detached(参数) {
    // 组件与 dom 分离时调用
    }
    
    unbind(参数) {
    // 组件解除绑定时调用...
    }
}