vue路由引數解耦

2021-10-07 22:49:51 字數 497 閱讀 9591

我們vue專案中經常在元件內使用路由引數最開始我常用下面的寫法:

export

default

}}

在元件中使用 $route 會使之與其對應路由形成高度耦合,從而使元件只能在某些特定的 url 上使用,限制了其靈活性。

正確的做法是通過 props 解耦

const router =

newvuerouter(]

})

將路由的 props 屬性設定為 true 後,元件內可通過 props 接收到 params 引數

export

default

}}

我們還可以通過函式模式來返回 props

const router =

newvuerouter()

}]

但最常用的通常是第二種方法,路由引數解耦。

vue工作開發總結(一) 路由引數解耦

一般在元件內使用路由引數,大多數人會這樣做 export default 在元件中使用 route會使之與其對應路由形成高度耦合,從而使元件只能在某些特定的url上使用,限制了他的靈活性 正確的做法應該是使用props解耦 const router new vuerouter 這樣將路由props屬...

Vue路由獲取路由引數

vue路由設定路由引數有2種方式 登入通過query配置的路徑顯示如下 註冊通過query配置的路徑顯示如下 通過該方法配置的引數,需要在配置路由的時候給引數留個坑,如下圖 獲取路由引數的方法 this.route.query this.route.params doctype html html ...

vue路由傳遞引數

1.通過path來確定匹配的路由,通過query來傳遞引數 傳參 golist title,id 注意這裡是 router 接參 this.params.brandid this.route.query.id 這裡是 route2.通過路由屬性name確定匹配路由,通過params傳遞引數 傳參 g...