Vue router路由之命名路由

2021-10-03 11:57:50 字數 798 閱讀 5007

有些情況 使用乙個name名稱來標識乙個路由 會比path更加的方便,所以在定義route的時候可以新增乙個name屬性

routes:[,

]

相應的鏈結到這個路由 router-link中的to屬性不再傳遞乙個路徑

:to=

"">

登入router-link

>

:to=

"">

註冊router-link

>

這種方式也會把路由導航到/register 和/login

完整**如下

"first"

>

:to=

"">

登入router-link

>

:to=

"">

註冊router-link

>

>

router-view

>

div>

>

let reg=

;let log=

;let routerobj=

newvuerouter(,

]});

let vm=

newvue()

script

>

Vue Router 命名路由

有時候,通過乙個名稱來標識乙個路由顯得更方便一些,特別是在鏈結乙個路由,或者是執行一些跳轉的時候。你可以在建立 router 例項的時候,在 routes 配置中給某個路由設定名稱。const router new vuerouter user這跟 呼叫 router.push 是一回事 route...

vue router 之動態路由

第一次寫部落格,先稍稍激動一下下 好的,激動結束,開啟挖坑之路。vue router官網上面是這樣說的 帶查詢引數,變成 register?plan private router.push 然後,我就這樣寫了 this.router push 結果很明顯,失敗了。然後我就默默的再次看了一下官網,結果...

初識 Vue Router2 0 路由

目錄第一次使用路由 什麼是 路由?vue的router外掛程式功能類似標籤,但更為強大的是可以實現不跳轉頁面通過呼叫元件模板來更新頁面內容 原理 頁面在渲染時將 router link 渲染成a標籤,通過to屬性指定連線url 這就像是 herf 之後再利用 router view 路由的出口,路由...