import { useRouter, useRoute } from 'vue-router';
setup() {
	 let router = useRouter();
     let route = useRoute();

 }
  vue: 
  查询路由参数：route.query、route.params、route.path
  查询路由地址：router.currentRoute.value.path    
js方法 第一：
function GetQueryString(name) {
  let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
  let r = window.location.search.substr(1).match(reg); //获取url中"?"符后的字符串并正则匹配
  let context = '';
  if (r) context = r[2];
  return context ? context : '';
}
地址  http://localhost:8080/progressDtl?code=79a8a34a72d64396b74856470e62c3ef
GetQueryString('code')
得到  79a8a34a72d64396b74856470e62c3ef
只能获取单个变量参数

js方法 第二：
 function GetRequest(value) {
    //url例子：www.baidu.com?id="123456"&name="www"；  
    var url = decodeURI(window.location.search); //?id="123456"&name="www";
    var object = {};
    if (url.indexOf("?") != -1)//url中存在问号，也就说有参数。  
    {
      var str = url.substr(1);  //得到?后面的字符串
      var strs = str.split("&");  //将得到的参数分隔成数组[id="123456",name="www"];
      for (var i = 0; i < strs.length; i++) {
        object[strs[i].split("=")[0]] = strs[i].split("=")[1];//得到{id:'123456',name:'www'}
      }
    }
    return object[value];
  }
传value就可以得道对应参数信息
不传value 就直接return object  获取所有参数对象

方法一 URLSearchParams()函数

geturlparam(){
        let that=this
        // window.location.href 获取地址
        let url = 'https://xxxx.com/xxx/demo?type=1&id=2'
        let p=url.split('?')[1]
        let params=new URLSearchParams(p)
        console.log(params.get('type')) //1
        console.log(params.get('id'))   //2
      }

方法二 split()截取

 geturlparam() {
        let that = this
        // window.location.href 获取地址
        let url = 'https://xxxx.com/xxx/demo?type=1&id=2'
        let p = url.split('?')[1]
        let keyValue = p.split('&');
        let obj = {};
        for (let i = 0; i < keyValue.length; i++) {
          let item = keyValue[i].split('=');
          let key = item[0];
          let value = item[1];
          obj[key] = value;
        }
        console.log(keyValue); //  ['type=1','id=2']
        console.log(obj);      //  {type:'1',id:'2'}
      },

上述两种方法的地址是比较规范的，像只以 / 连接的地址我一般是这种方法，也是split截取

geturlparam() {
        let that = this
        // window.location.href 获取地址
        let url = 'https://xxxx.com/xxx/demo/type/1/id/2'
        if (url.indexOf('/type/') != -1) {
          that.type = url.split("/type/")[1].split("/")[0]; //1
          that.id = url.split("/id/")[1].split("/")[0]; //2
        }
      },

split比较随心所欲，看自己业务需求，想怎么截就怎么截

获取Url的代码如下：window.location.href;

方法一：原生js（假设已经获得了Url地址）

var url = 'https://gitbook.cn/gitchat/geekbooks?tag=JavaScript&name=pwwu&age=24';
        var temp1 = url.split('?');
        var pram = temp1[1];
        var keyValue = pram.split('&');
        var obj = {};
        for (var i = 0; i<keyValue.length; i++){
            var item = keyValue[i].split('=');
            var key = item[0];
            var value = item[1];
            obj[key] = value;
        }
        console.log(url);
        console.log(temp1);    //  ['https://gitbook.cn/gitchat/geekbooks','tag=JavaScript&name=pwwu&age=24']
        console.log(pram);     //  tag=JavaScript&name=pwwu&age=24
        console.log(keyValue); //  ['tag=JavaScript','name=pwwu','age=24']
        console.log(obj);      //  {tag:'JavaScript',name:'pwwu',age:'24'}

总结：主要思路就是将Url用split()分割成不同的块，返回值为一个数组，一直分割到为 [‘tag=JavaScript’,‘name=pwwu’,‘age=24’]为止，
然后将该数组中的每一项以键值对的形式传进一个空对象obj（这里需要遍历数组），最后利用obj.name“点”的方式获取相应参数。

方法二 URLSearchParams()函数（记不住函数名的可以直接在浏览器里面打印）
 

     var url2 = 'https://gitbook.cn/gitchat/geekbooks?tag=%E5%A4%A7%E6%95%B0%E6%8D%AE&name=gy&age=22';
        var temp2 = url2.split('?')[1];
        var pram2 = new URLSearchParams('?'+temp2);
        console.log(pram2.get('tag')); // 大数据
        console.log(pram2.get('name'));// gy
        console.log(pram2.get('age')); // 22
        console.log(temp2);   //tag=%E5%A4%A7%E6%95%B0%E6%8D%AE&name=gy&age=22

方法三 使用正则表达式

//获取url中的参数方法
        function getUrlParam(name) {
            //构造一个含有目标参数的正则表达式对象
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            //匹配目标参数
            var r = window.location.search.substr(1).match(reg);
            //返回参数
            if (r != null) {
                return unescape(r[2]);
            } else {
                return null;
            }
        }
        var ABC = getUrlParam();
        console.log(ABC);

本次暂时介绍以上3种，后续会不断补充。