$route对象和window.location对象

window.location对象和$route对象

一.window.location对象

1.window.location.href（当前URL）

http://www.myurl.com:8866/test?id=123&username=xxx

2.window.location.protocol（协议）

http:

3.window.location.host（域名 + 端口）

www.myurl.com:8866

4.window.location.hostname（域名）

www.myurl.com

5.window.location.port（端口）

8866

6.window.location.pathname（路径部分）

/test

7.window.location.search（请求的参数）

?id=123&username=xxx

8.window.location.origin（'?'前边的URL）

http://www.myurl.com:8866

 

二.$route对象

1.$route.path

字符串，等于当前路由对象的路径，会被解析为绝对路径，如 "/home/news" 。

2.$route.params

对象，包含路由中的动态片段和全匹配片段的键值对。

3.$route.query

对象，包含路由中查询参数的键值对。例如，对于 /home/news/detail/01?favorite=yes ，会得到$route.query.favorite == 'yes' 。

4.$route.router

路由规则所属的路由器（以及其所属的组件）。

5.$route.matched

数组，包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。

6.$route.name

当前路径的名字，如果没有使用具名路径，则名字为空。

7.$route.fullPath

/profduct?id=12345

有时候，从a页面通过登陆以后还要在a页面，就需要吧$routr.fullPath传过去作为parmas，后面拼接新路径跳转到同一个界面