當應用程序從一個URL導航到另一個URL時,Aurelia路由和渲染管道中的執行順序是什麼?Aurelia - 路由/渲染管道中的執行順序
2
A
回答
4
有兩個生命週期:
路由器生命週期是:
- 一屏幕
canDeactivate
- 下一屏幕被實例化
- 下一屏幕
canActivate
- 一屏幕
deactivate
- 下一屏幕
activate
- 下一屏幕呈現。
組件的生命週期是:
加載當:
created
bind
attached
當卸載:
detached
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
我已經包含了兩個,因爲大多數應用程序不會添加掛鉤。
0
兩者泰德奧裏利亞應用程序將導航從含有Route1
View1
,其已經裝載到Route2
含有View2
:
- 視圖1 - canDeactivate
- Route2到 - autorizeStep
- 視圖2 - canActivate
- Route2 - preActivate
- View1 - 關閉
- View2-激活
- Route2到 - preRenderStep
- Route2到 - postRenderStep
- 視圖1 - 分離
- View2-連接
相關問題
- 1. 反應渲染不按順序執行
- 2. 渲染管道中的MPSImageGaussianBlur
- 3. 陣營路由器V4,使用渲染高順序組件道具
- 4. Opengl渲染順序
- 5. 在Firefox中渲染順序
- 6. 使用DirectX管道進行2D渲染
- 7. ASP.NET控制渲染管道
- 8. 現代opengl渲染管道
- 9. 如何定義和渲染子菜單項,使用Aurelia路上的路由器
- 10. 動態路由不渲染
- 11. 路由雙重渲染reactJS
- 12. 在渲染express之前執行函數獲取路由器NodeJS
- 13. MVC3剃刀引擎執行/渲染順序
- 14. 如何知道組件在Flex中渲染的順序
- 15. LibGDX紋理渲染順序
- 16. SharePoint DelegateControl渲染順序
- 17. 角度渲染順序
- 18. 順序執行的行動軌道
- 19. aurelia中嵌套路由js
- 20. 陣營路由器服務器服務器渲染道具
- 21. 幫助與軌道渲染動作與路由
- 22. 導航菜單 - 渲染將管道符
- 23. js.erb渲染,但不執行
- 24. extjs渲染器未執行
- 25. 管道執行
- 26. html2canvas渲染路徑和行
- 27. 逆轉的z-index渲染順序
- 28. 更改控件的渲染順序
- 29. 影響HTML的渲染順序(ASP.NET MVC)
- 30. Vue路由器與渲染模板