vue之導航守衛的使用

因爲在vue裏面我們只有一個index.html。所以不論我們怎麼跳轉，他的標題都是不變的，但其實在實際項目中，我們是需要隨着組件的跳轉，標題也是要發生變化的，那我們該如何進行操作呢。
第一種方法就是使用我們的created函數，但是此方法有一個弊端，就是一旦我們的項目過多的話，修改起來非常麻煩，我們總不可能一個一個組件的進行修改吧，所以我們還有第二個方法。

第二種方法就是使用我們的前置守衛，首先我們要在我們的路由配置裏面加上我們的meta，來放置我們要修改的標題

然後我們在使用我們的前置守衛對每個標題進行修改

至於爲什麼要在我們的meta前面加個matched[0],是因爲在我的首頁這裏，我寫了子路由，所以他的路由是這樣子的

路由是/home/news。那這就不是我洗的home裏面的meta了，這時候我們可以看一下to裏面的內容：

是這樣的，然後大家可以看到它裏面有個matched，裏面的內容是這樣子的：

所以如果我們想要獲取到正確的路由，就要得到matched數組裏面的第一個內容。所以我們最終的寫法就是這樣子的：document.title = to.matched[0].meta.title; 。