vue之路由應用場景

2021-10-24 03:20:37 字數 1116 閱讀 4295

路由配置

,

,

當前頁面跳轉

this.$router.push( }); //name不可以區分大小寫

this.$router.push( });

this.$router.push(); //不區分大小寫

this.$router.push("/you/offline"); //不區分大小寫

新頁面開啟

const routeurl = this.$router.resolve(

});window.open(routeurl.href, "_blank");

獲取引數

this.$route.query.引數

this.$route.params.引數

window.location.href

tips:

1.params和query區別

query相對於get請求,頁面跳轉的時候,可以在位址列看到請求引數

params相對於post請求,引數不會在位址列中顯示

2.重新整理頁面,資料保持

通過在路由後面拼接引數的方法防止重新整理丟資料

/:引數名(方法一)和 /:引數名?(方法二) 區別

如果採用方法1,引數是必傳。如果採用方法2,引數是非必傳。

3.r ou

ter為

vuer

oute

r例項,

想要導航

到不同u

rl,則

使用

router為vuerouter例項,想要導航到不同url,則使用

router

為vue

rout

er例項

,想要導

航到不同

url,

則使用router.push方法

4.$route為當前router跳轉物件,裡面可以獲取name,path,query,params等

靜態路由(概念 實驗 應用場景)

路由器能夠自動發現直連路由並將其載入到路由表中,而對於到達非直連網路的路由,路由器就必須通過其他途徑來獲取,靜態路由是一種最直接 最簡單的方法。所謂靜態路由,也就是網路管理員使用手工配置的方式為路由器新增的路由。如上圖,配置完介面ip位址後,在初始情況下,每台路由器都自動學習直連線口所在的網段的路由...

vue 路由知識點梳理及應用場景整理

最近做專案才發現,我確實對 vue router 太不熟悉了,都只了解個簡單用法就開始搞了,本來很簡單的問題,都搞不清楚。現在重新看一遍文件,重新梳理一下。說實話,路由我一直也就光顧著用,沒認真思考過這個問題,還是那次人家面試問了這個,我才反應過來是應該好好的了解一下了。無重新整理跳轉頁面,是單頁應...

Redis應用場景

redis開創了一種新的資料儲存思路,使用redis,我們不用在面對功能單調的資料庫時,把精力放在如何把大象放進冰箱這樣的問題上,而是利用redis靈活多變的資料結構和資料操作,為不同的大象構建不同的冰箱。redis常用資料型別 redis最為常用的資料型別主要有以下五種 在具體描述這幾種資料型別之...