何時需要給router view元件繫結 key

2021-09-29 19:05:35 字數 636 閱讀 9236

由vue文件-動態路由匹配部分可知:

當使用路由引數時,例如從 /user/foo 導航到 /user/bar,原來的元件例項會被復用。因為兩個路由都渲染同個元件,比起銷毀再建立,復用則顯得更加高效。不過,這也意味著元件的生命週期鉤子不會再被呼叫。復用元件時,想對路由引數的變化作出響應的話,你可以簡單地 watch (監測變化) $route 物件或使用 2.2 中引入的 beforerouteupdate 導航守衛。

由於vue會復用相同的元件, 將不在執行created, mounted之類的鉤子, 這時候就需要通過設定路由鉤子beforerouteupdate或者監聽$route的變化來執行相關方法更新資料。如果不想要復用元件,可以根據需要進行如下設定。

1.設定router-view 的key為$route.path

2.設定router-view 的key為$route.fullpath

從/user/foo => /user/bar 或者 /user?name=foo => /user?name=bar , 由相應前後跳轉的兩個路由的$route.fullpath並不一樣, 所以元件被強制不復用。這也意味著元件的生命週期鉤子會再次被呼叫,created與 mounted中的內容會被執行。

參考:

索引何時需要 何時不需要 何時失效

總結自 前提 每次查詢都只能使用乙個索引 原因 比起全表掃瞄,分析兩個索引b 表更耗時 何時需要索引?1 所查詢欄位是主鍵 主鍵可以認為是索引 2 和其他表做連線查詢的字段 3 在where裡使用 is null和between等字段 4 不以萬用字元開始的like,如 aa 5 聚集函式max s...

何時需要PIC

華清遠見嵌入式學院 講師。pci 其實是我們在編譯動態庫的命令列引數,我們用這個引數標記,告訴gcc產生的 不要包含對函式和變數具體記憶體位置的引用,這是因為現在還無法知道使用該訊息 的應用程式會將它連線到哪一段記憶體位址空間。這樣編譯出的 o可以被用於建立共享鏈結庫。建立共享鏈結庫只需要用gcc的...

何時需要PIC

何時需要pic 華清遠見嵌入式學院講師。pci 其實是我們在編譯動態庫的命令列引數,我們用這個引數標記,告訴gcc產生的 不要包含對函式和變數具體記憶體位置的引用,這是因為現在還無法知道使用該訊息 的應用程式會將它連線到哪一段記憶體位址空間。這樣編譯出的 o可以被用於建立共享鏈結庫。建立共享鏈結庫只...