汽车美容网站源码,个人可以做行业网站吗,外贸网站演示,网站案例 网站建设vue-router 之如何在模版#xff08;template#xff09;中获取路由配置信息#xff1f;
获取当前路由信息
在vue3 中#xff0c;route通常使用useRoute()钩子获取的#xff0c;**代表当前激活的路由信息。**它包含了与当前路由相关的数据#xff0c;比如路径、参数、查…vue-router 之如何在模版template中获取路由配置信息
获取当前路由信息
在vue3 中route通常使用useRoute()钩子获取的**代表当前激活的路由信息。**它包含了与当前路由相关的数据比如路径、参数、查询字符串、路由名称等。
route useRoute()返回的是一个响应式对象对象的属性包括 path当前路由的路径 params路由参数 query查询字符串参数 name路由的名称 fullpath完整的路径字符串包含查询参数和哈希。
import { useRoute } from vue-router
const route useRoute()获取路由配置
router.options.routes是在路由实例中的访问路由配置的方式但是在 Vue Router 4.x 中不推荐使用。
import { useRouter } from vue-router
const ruoter useRouter()
const routes router.options.routes()当前推荐使用在创建路由实例router时将路由配置导出保存之后使用时直接引入访问。
import routes from ../../router/route.js
console.log(routes)输出打印如下
