路由配置
當前頁面跳轉,
,
新頁面開啟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");
tips:this.$route.query.引數
this.$route.params.引數
window.location.href
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最為常用的資料型別主要有以下五種 在具體描述這幾種資料型別之...