vue路由中倆種傳參方式

2021-10-02 12:10:59 字數 737 閱讀 4750

面試的時候可能會問出這樣的問題,請說出vue路由中的倆種傳參方法,route和router的區別

首先 route是指的當前的路由物件   router則是指的是 vue-router的例項 這個還有區別開的

有的童鞋可能知道路由 位址列傳參的倆種方式 

一種是傳統的  query字串型別傳參 一種是restful規則的傳參

/home?name=jack                                   /home/:id
首先我們先來說一下 頁面的跳轉方式 

1.跳轉首頁   //這個 vue-router元件的傳參方法
2.

this.$router.push(})   // js方式的跳轉    

this.$router.push(})

// 注意    path 和 query 搭配使用         name 和params 搭配使用

3.引數的接收

}       }
4.這裡是路由的配置 

]}

5.路由守衛  在main.js檔案中 

// 路由守衛  這個是全域性路由守衛

router.beforeeach((to,from,next)=>)

Vue路由傳參方式

傳送引數 在路由中寫好 接收引數 route.name傳送引數 this.router.push 接收引數 注意 該方式不需要配置路由 傳送引數 this.router.push news userid 123 this.router.push this.router.push 接收引數 注意 該方...

vue路由傳參三種方式

vue路由傳參分為三種方式 url形如 http localhost 8080 path 1 true 1 方法中使用模板字串 methods 2 在路由配置檔案中進行引數名配置 3 子頁面通過params接收引數 export default test02 created this console...

VUE路由傳參有3種方式

vue路由傳參有3種方式 1 query方式 push時使用path來匹配 發起頁面 this.katex parse error expected got eof at end of input eturn 跳轉轉收頁面的時候,位址列會顯示 2 params模式 push時使用name來匹配 發起...