通过this.$router.currentRoute获取当前路由遇到的问题

目的

通过this.$router.currentRoute获取当前路由的信息

错误

在视频中可以通过this.$router.currentRoute.属性来获取当前路由的信息，但是并不能得到我要的数据

<el-breadcrumb :separator-icon="ArrowRight" v-if="this.$router.currentRoute.path !== '/home' ">
    <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item>{{ this.$router.currentRoute.name }}</el-breadcrumb-item>
</el-breadcrumb>

this.$router.currentRoute.path和this.$router.currentRoute.name都得不到数据。
在找bug的过程中误打误撞解决了这个问题,就是this.$router.currentRoute.value.属性
修改后的代码：

<el-breadcrumb :separator-icon="ArrowRight" v-if="this.$router.currentRoute.value.path !== '/home' ">
     <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
     <el-breadcrumb-item>{{ this.$router.currentRoute.value.name }}</el-breadcrumb-item>
</el-breadcrumb>

总结

对vue不怎么熟悉，不知道为啥，不过还好解决了，不知道是不是vue2 和 vue3的差别╮（╯＿╰）╭