你应该用“手表”

data() {
    return {
        routeName: null,
    };
},

watch: {
    '$route': 'currentRoute'
},

methods: {
    currentRoute() {
        this.$nextTick(() => {
            this.routeName = this.$route.name
        });
    }
},

<script>
export default {
  computed:{
     routeName(){
       return this.$route.name
    },
  }
};
</script>
<template>
  <p>Current Route is {{$route.name}}</p>
</template>

• ---------------或---------------

<script>
    export default {
      computed:{
         routePath(){
           return this.$route.path 
        },
      }
    };
    </script>
    <template>
          <p>Current Route is {{$route.path}}</p>
        </template>

此答案适用于vue 2。
此外，还可以通过直接返回以下路径示例来使用创建的生命周期

created() {
    return this.$route.name
  },