📌  相关文章
📜  Aurelia-组件生命周期

📅  最后修改于: 2020-12-09 05:21:16             🧑  作者: Mango

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

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

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

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

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

  • detached() -此方法与Attached相反。从DOM中删除组件时将调用它。

  • unbind() -最后一个生命周期方法是unbind 。组件未绑定时调用它。

当您想更好地控制组件时，生命周期方法很有用。当您需要在组件生命周期的某个时刻触发某些功能时，可以使用它们。

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

app.js

export class App {
   constructor(argument) {
      // Create and initialize your class object here...
   }

   created(owningView, myView) {
      // Invoked once the component is created...
   }

   bind(bindingContext, overrideContext) {
      // Invoked once the databinding is activated...
   }

   attached(argument) {
      // Invoked once the component is attached to the DOM...
   }

   detached(argument) {
      // Invoked when component is detached from the dom
   }

   unbind(argument) {
      // Invoked when component is unbound...
   }
}