Вписать в переменную текущий роут-нейм vue.js?

Question

Как во vue.js получить имя текущего роута?

Пытаюсь получить вот так:

<script>
    export default {
        name: 'App',
        data: () => ({
            current_page: this.$route.name
        })
    }
</script>

но возникает ошибка:

[Vue warn]: Error in data(): "TypeError: Cannot read property '$route' of undefined"

Answer 1

В переменную (внутри экземпляра компонента) - так:

let currentPage = this.$route.name;

А в свойство компонента - вот так:

data() { return {
  currentPage: this.$route.name,
  // ...
}},

, или так:

data: vm => ({
  currentPage: vm.$route.name,
  // ...
}),