Aurelia页面生命周期 - 路由/渲染管道中的执行顺序

Question

当应用程序从一个URL导航到另一个URL时，Aurelia路由和呈现管道中的执行顺序是什么？

Answer 1

有两个生命周期：

路由器生命周期是：

1. 上一屏canDeactivate
2. 实例化下一屏幕
3. 下一屏canActivate
4. 上一屏deactivate
5. 下一屏activate
6. 呈现下一个屏幕。

组件生命周期是：

加载时：

1. created
2. bind
3. attached

卸载时：

1. detached
2. unbind

至于如何将所有这些组合在一起，只需将每个回调添加到两个路由页面并记录调用即可显示：

Previous Page canDeactivate
Next Page canActivate
Previous Page deactivate
Next Page activate
Next Page created
Next Page bind
Previous Page detached
Previous Page unbind
Next Page attached

如果我们包含原始答案中包含的路由器挂钩（步骤），那么它看起来像这样：

Previous Page canDeactivate
Authorize step
Next Page canActivate
Pre-activate step
Previous Page deactivate
Next Page activate
Pre-render step
Next Page created
Next Page bind
Post-render step
Previous Page detached
Previous Page unbind
Next Page attached

我已将两者都包括在内，因为大多数应用程序都没有添加钩子。

Answer 2

将Aurelia应用程序导航从包含Route1的{​​{1}}导航到已加载View1的{​​{1}}：

  

  
1. View1 - canDeactivate
  
2. Route2 - autorizeStep
  
3. View2 - canActivate
  
4. Route2 - preActivate
  
5. 查看1 - 停用
  
6. View2- activate
  
7. Route2 - preRenderStep
  
8. Route2 - postRenderStep
  
9. View1 - 已独立
  
10. View2-附件