Aurelia - Vòng đời thành phần
Aurelia sử dụng các phương thức vòng đời thành phần để thao tác vòng đời thành phần. Trong chương này, chúng tôi sẽ chỉ cho bạn các phương pháp đó và giải thích vòng đời của thành phần.
constructor()- Phương thức Constructor được sử dụng để khởi tạo một đối tượng được tạo với một lớp. Phương thức này được gọi đầu tiên. Nếu bạn không chỉ định phương thức này, hàm tạo mặc định sẽ được sử dụng.
created(owningView, myView)- Điều này được gọi khi chế độ xem và chế độ xem được tạo và kết nối với bộ điều khiển. Phương thức này có hai đối số. Cái đầu tiên là dạng xem nơi thành phần được khai báo(owningView). Cái thứ hai là chế độ xem thành phần(myView).
bind(bindingContext, overrideContext)- Tại thời điểm này, ràng buộc đã bắt đầu. Đối số đầu tiên đại diện cho ngữ cảnh ràng buộc của thành phần. Cái thứ hai làoverrideContext. Đối số này được sử dụng để thêm các thuộc tính ngữ cảnh bổ sung.
attached() - Phương thức đính kèm được gọi khi thành phần được gắn vào DOM.
detached() - Phương pháp này ngược lại với attached. Nó được gọi khi thành phần bị xóa khỏi DOM.
unbind() - Phương pháp vòng đời cuối cùng là unbind. Nó được gọi khi thành phần không bị ràng buộc.
Các phương pháp vòng đời rất hữu ích khi bạn muốn có quyền kiểm soát cao hơn đối với thành phần của mình. Bạn có thể sử dụng chúng khi cần kích hoạt một số chức năng tại một số điểm nhất định của vòng đời thành phần.
Tất cả các phương pháp vòng đời được hiển thị bên dưới.
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...
}
}