程式設計式導航以及路由的params和query

2022-10-11 04:06:10 字數 487 閱讀 5445

程式設計式導航:通過j**ascript形式的api實現導航的方式,叫做程式設計式導航

例如:普通頁面的 location.href

this.$router.push("hash位址"); 跳到指定的頁面

$router.push("/home"); 字串

$router.push(); 物件

$router.push(}); 命名路由,params傳遞資料

this.$route.params.userid

$router.push(}); 帶查詢引數,query傳遞引數,變成 /reg?uname=lisi

this.$route.query.uname

區別:params與query相比,更加安全。

params 是用的name 不帶/;query用的是path 帶著/。

this.$router.go(n) 頁面前進或後退

程式設計式路由導航

message.vue template div ul li v for message,index in messages key message.id router link to home message detail message.id router link button click p...

路由程式設計式導航

想要導航到不同的 url,則使用 router.push 方法。這個方法會向 history 棧新增乙個新的記錄,所以,當使用者點選瀏覽器後退按鈕時,則回到之前的 url。宣告式 程式設計式 router.push 字串 router.push home 物件 router.push 命名的路由 r...

動態路由 路由傳參 程式設計式導航

vue.config.js中可以預設直接使用 http proxy middleware module.exports 先安裝axios,因為需要訪問別人的資料,然後在mian.js頁面把axios掛載在全域性,這樣就可以在 都能呼叫了import axios from axios 引入axios,...