Vue Router 知識點梳理(二)

2022-09-11 20:09:13 字數 1482 閱讀 3948

1.命名檢視:可以在介面中擁有多個單獨命名的檢視,而不是只有乙個單獨的出口;

123

乙個檢視使用乙個元件渲染,因此對於同個路由,多個檢視就需要多個元件。確保正確使用components配置 (帶上 s):

const router = new

vuerouter(

}]})

2.巢狀檢視,需要命名用到的巢狀router-view元件:巢狀命名檢視

3.「重定向」的意思是,當使用者訪問/a時,url 將會被替換成/b,然後匹配路由為/b,也是通過routes配置來完成的:

const router = new

vuerouter(

]})

4.「別名」的意思是,/a的別名是/b,意味著,當使用者訪問/b時,url 會保持為/b,但是路由匹配則為/a,就像使用者訪問/a一樣。

6.引數或查詢的改變並不會觸發進入/離開的導航守衛。你可以通過觀察$route物件來應對這些變化,或使用beforerouteupdate的元件內守衛。

7.每個守衛方法接收三個引數:

to: route: 即將要進入的目標 路由物件

from: route: 當前導航正要離開的路由

next: function: 一定要呼叫該方法來 resolve 這個鉤子。執行效果依賴next方法的呼叫引數。

8.完整的導航解析流程:

導航被觸發。

在失活的元件裡呼叫離開守衛。

呼叫全域性的beforeeach守衛。

在重用的元件裡呼叫beforerouteupdate守衛 (2.2+)。

在路由配置裡呼叫beforeenter

解析非同步路由元件。

在被啟用的元件裡呼叫beforerouteenter

呼叫全域性的beforeresolve守衛 (2.5+)。

導航被確認。

呼叫全域性的aftereach鉤子。

觸發 dom 更新。

用建立好的例項呼叫beforerouteenter守衛中傳給next的**函式。

9.當打包構建應用時,j**ascript 包會變得非常大,影響頁面載入。如果我們能把不同路由對應的元件分割成不同的**塊,然後當路由被訪問的時候才載入對應元件,這樣就更加高效了。

Linux知識點梳理

使用者名稱 主機名 root hostname 使用者名稱 主機名稱 符號含義 當前使用者屬於root使用者 當前使用者屬於普通使用者 注意 對系統進行配置管理時,如要root使用者 檢視主機名稱 hostname設定主機名稱 hostname hadoop senior.com注意 該方式設定,當...

spring 知識點梳理

1.spring預設所有管理的bean都是單例模式 懶載入,所有的bean都是交給spring容器中的map管理,生命週期與spring相同,如果使用多例模式,bean則是交給記憶體管理,生命週期與spring無關 2.ssm分層 控制層 服務層 資料層 對應的註解分別為 controller se...

Linux C知識點梳理

第1章 程式設計和c語言 最簡單的c語言程式 第2章 演算法 程式的靈魂 第3章 簡單的c程式設計 順序程式設計 常量,變數 先定義後使用 常變數,識別符號 資料型別 運算子與表示式,不同型別資料間混合運算 c語句 資料的輸入輸出,printf scanf 函式,字元資料輸入輸出 第4章 選擇結構程...