在 Vue.js 中，可以通过以下步骤获取 URI：1. 导入 VueRouter；2. 创建 Vue 实例并配置 VueRouter；3. 在 Vue 组件中，通过 this.$route 访问路由对象；4. 使用 $route.fullPath 获取完整的 URI，包括协议、主机、路径和查询字符串。
如何获取 Vue 中的 URI
在 Vue.js 中，可以使用 $route 对象来获取当前路由的 URI。
步骤：
-
导入 VueRouter：
立即学习“前端免费学习笔记（深入）”；
import VueRouter from 'vue-router'
-
创建 Vue 实例：
new Vue({ router: new VueRouter(...) }) -
访问
$route对象：
在 Vue 组件中，可以使用this.$route来访问$route对象。
获取 URI：
要获取当前路由的 URI，可以使用 $route.fullPath 属性。它返回一个字符串，其中包含完整的 URI，包括协议、主机、路径和查询字符串。
示例：
当前 URI：{{ $route.fullPath }}
其他 URI 相关属性：
除了 fullPath 之外，$route 对象还提供其他与 URI 相关的属性：
-
path: 当前路由的路径，不包含查询字符串。 -
query: 一个对象，包含查询字符串参数。 -
hash: 当前路由的哈希字符串。 -
params: 一个对象，包含动态路由参数。
根据需要，可以使用这些属性来获取有关当前路由 URI 的特定信息。
