Vue如何获取url路由地址和参数简单示例

window.location.href
结果：http://www.myurl.com:8866/test?id=123&username=xxx

window.location.protocol
结果：http

window.location.host
结果：www.myurl.com:8866

window.location.hostname（）
结果：www.myurl.com

window.location.port（）
结果：8866

window.location.pathname（）
结果：/test

window.location.search
结果：?id=123&username=xxx

// var url="www.baidu.com?a=1&b=2&C=3";//测试地址

/*
 * 分析：最前面是?或&，紧跟着除 ?&#以外的字符若干
 * 然后再等号，最后再跟着除 ?&#以外的字符
 * 并且要分组捕获到【除?&#以外的字符】
 */
 
var reg=/[?&]([^?&#]+)=([^?&#]+)/g;
var param={};
var ret =  reg.exec(url);
while(ret){ // 当ret为null时表示已经匹配到最后了，直接跳出
	param[ret[1]]=ret[2];
	ret = reg.exec(url);
}
console.log(param)

window.location.origin（）
结果：http://www.myurl.com:8866

window.location.hash
结果：null

export function UrlSearch(){<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E-->
let name,value,str=location.href,num=str.indexOf("?"); //取得整个地址栏
str=str.substr(num+1); //取得所有参数 stringvar.substr(start [, length ]
let arr=str.split("&"); //各个参数放到数组里
console.log(arr)
for(let i=0;i < arr.length;i++){<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E-->
num=arr[i].indexOf("=");
if(num>0){<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E-->
name=arr[i].substring(0,num);
value=arr[i].substr(num+1);
this[name]=value;
}
}
}