當應用程序從一個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. aurelia子路由器渲染導航父路由器設置
- 2. 反應渲染不按順序執行
- 3. 渲染管道中的MPSImageGaussianBlur
- 4. 陣營路由器V4,使用渲染高順序組件道具
- 5. 自定義反應路由器渲染順序
- 6. Opengl渲染順序
- 7. 在Firefox中渲染順序
- 8. 使用DirectX管道進行2D渲染
- 9. 如何定義和渲染子菜單項,使用Aurelia路上的路由器
- 10. ASP.NET控制渲染管道
- 11. 現代opengl渲染管道
- 12. 複選框單擊事件的執行順序和渲染
- 13. 動態路由不渲染
- 14. 路由雙重渲染reactJS
- 15. 在渲染express之前執行函數獲取路由器NodeJS
- 16. 路由器中的雙視圖渲染
- 17. 如何知道組件在Flex中渲染的順序
- 18. MVC3剃刀引擎執行/渲染順序
- 19. Azure Data Factory - 管道執行順序中的多個活動
- 20. 在dplyr管道中執行嵌套函數的順序
- 21. Aurelia中的動態路由
- 22. SharePoint DelegateControl渲染順序
- 23. 角度渲染順序
- 24. LibGDX紋理渲染順序
- 25. 在Thee.js中渲染BufferGeometry的順序
- 26. 順序執行的行動軌道
- 27. aurelia中嵌套路由js
- 28. React路由器/ Redux/HOC不能使用'渲染'道具
- 29. 反應路由器還沒有渲染道具改變
- 30. 幫助與軌道渲染動作與路由