問題描述

最近遇到一個坑。我在vue裡面，如果判斷使用者資訊正確，則要跳轉到首頁，這樣一個基本的功能。然後就查到了下面的方法：

this.$routes.go('/success')
this.$routes.router.go('/success')

當然了結果是不成功的。雖然 log出 this.$routes 是存在的，但是他只包含了幾個屬性。比如path,name，這些。沒有這些go方法了。

問題原因

Vue 2.0較 Vue 1.0 有很大的改變，去除了 go這些方法。反而是用下面的代替的：

// 字串
router.push('home')
// 物件
router.push({ path: 'home'
 
 })
// 命名的路由
router.push({ name: 'user', params: { userId: 123 }})
// 帶查詢引數，變成 /register?plan=private
router.push({ path: 'register', query: { plan: 'private' }})

思考

感覺略坑。改動太大了，發現很多原來的對router 的說明全部變成了404，估計是Vue團隊在改進了以後就去掉了原來的文件說明。我覺得還是留著並且給出讀者提示比較友好。