vue怎么获取uri

如何获取 Vue 中的 URI

在 Vue.js 中，可以使用 $route 对象来获取当前路由的 URI。

步骤：

1. 导入 VueRouter：

   立即学习“前端免费学习笔记（深入）”；

   import VueRouter from 'vue-router'

2. 创建 Vue 实例：

   new Vue({  router: new VueRouter(...)})
3. 访问 $route 对象：
   在 Vue 组件中，可以使用 this.$route 来访问 $route 对象。

获取 URI：

要获取当前路由的 URI，可以使用 $route.fullPath 属性。它返回一个字符串，其中包含完整的 URI，包括协议、主机、路径和查询字符串。

示例：

<template><div>当前 URI：{{ $route.fullPath }}</div></template>

其他 URI 相关属性：

除了 fullPath 之外，$route 对象还提供其他与 URI 相关的属性：

根据需要，可以使用这些属性来获取有关当前路由 URI 的特定信息。