在檢視 vue 教程中，摘抄的筆記，僅供自己回顧用…
實際生活中的應用介面，通常由多層巢狀的元件組合而成。同樣地，url 中各段動態路徑也按某種結構對應巢狀的各層元件
摘抄自：
示例**
相當於，在大的 router-view 中又存在可替換的元件**
定義**，新增了 children 的配置**
除了使用 建立 a 標籤來定義導航鏈結，我們還可以借助 router 的例項方法，通過編寫**來實現。
#router.push(location, oncomplete?, onabort?)
注意：如果提供了 path，params 會被忽略，上述例子中的 query 並不屬於這種情況。取而代之的是下面例子的做法，你需要提供路由的 name 或手寫完整的帶有引數的 path：
有時候，通過乙個名稱來標識乙個路由顯得更方便一些，特別是在鏈結乙個路由，或者是執行一些跳轉的時候。你可以在建立 router 例項的時候，在 routes 配置中給某個路由設定名稱。
有時候想同時 (同級) 展示多個檢視，而不是巢狀展示，例如建立乙個布局，有 sidebar (側導航) 和 main (主內容) 兩個檢視，這個時候命名檢視就派上用場了。你可以在介面中擁有多個單獨命名的檢視，而不是只有乙個單獨的出口。如果 router-view 沒有設定名字，那麼預設為 default。
在元件中使用 $route 會使之與其對應路由形成高度耦合，從而使元件只能在某些特定的 url 上使用，限制了其靈活性。
使用 props 將元件和路由解耦：
取代與 $route 的耦合
const user = }'}
const router = new vuerouter(
]})
const user = }'}
const router = new vuerouter(,
// 對於包含命名檢視的路由，你必須分別為每個命名檢視新增 `props` 選項：
,props:
}]})
【心得】這個好方便，印象中好像存在寫了多個$router的引數，當時就覺得非常不舒服，提出來的元件不能被其他地方使用，有這個知識點就方便啦
正如其名，vue-router 提供的導航守衛主要用來通過跳轉或取消的方式守衛導航。有多種機會植入路由導航過程中：全域性的, 單個路由獨享的, 或者元件級的。
記住引數或查詢的改變並不會觸發進入/離開的導航守衛。你可以通過觀察 $route 物件來應對這些變化，或使用 beforerouteupdate 的元件內守衛
定義路由的時候可以配置 meta 字段：
相當於在 導航守衛 中，可以看到對應的 meta 字段，根據配置選項來做特定的事情
是基本的動態元件，所以我們可以用 元件給它新增一些過渡效果：
導航完成之後獲取：先完成導航，然後在接下來的元件生命週期鉤子中獲取資料。在資料獲取期間顯示「載入中」之類的指示。
導航完成之前獲取：導航完成前，在路由進入的守衛中獲取資料，在資料獲取成功後執行導航。
從技術角度講，兩種方式都不錯 —— 就看你想要的使用者體驗是哪種。
vue路由學習
go to foo go to bar 0.如果使用模組化機制程式設計，匯入vue和vuerouter，要呼叫 vue.use vuerouter 1.定義 路由 元件。可以從其他檔案 import 進來 const foo const bar 2.定義路由 每個路由應該對映乙個元件。其中 comp...
vue路由學習
路由的本質就是一種對應關係，在 程式中，乙個a標籤跳轉頁面，裡面a標籤裡面需要寫對用頁面的路徑，或者寫跳轉後台的服務。那麼這個路徑就與頁面相對應，我們可以將它視為路由的一種形式。路由分為前端路由和後端路由 下面學習vue的路由管理器 vue router 1.選項卡案例 tab1 tab2 tab3...
vue學習之路由
路由需要引入庫 vue router 我們經常需要把某種模式匹配到的所有路由，全都對映到同個元件。例如，我們有乙個 user 元件，對於所有 id 各不相同的使用者，都要使用這個元件來渲染。那麼，我們可以在 vue router 的路由路徑中使用 動態路徑引數 dynamic segment 來達到...