Why I do not router in NativeScript Vue using $NavigateTo? - vue.js

Question

I have the follow structure:
- /src
- /views
- Login.vue
- Home.vue
- App.vue
App.vue
<template>
<Page>
...
<Button text="Login" #tap="onButtonTap" class="my-button" />
</Page>
</template>
<script>
...
methods: {
onButtonTap:function(){
this.$navigateTo(Home);
}
}
</scritp>
One of my modules is vue-router:
import Vue from 'nativescript-vue';
import Router from 'vue-router';
Vue.use(Router);
const router = new Router({
mode: 'abstract',
// base: '/',
// saveScrollPosition: true,
// transitionOnLoad: true,
routes: [{
path: '/login',
component: () =>
import ('~/views/Login'),
},
{
path: '/home',
component: () =>
import ('~/views/Home'),
}
]
});
export default router;
Both using $navigateTo and $router I receive a error:
JS: [Vue warn]: Error in v-on handler: "ReferenceError: $router is not defined"
JS:
JS: found in
JS:
JS: ---> <App> at App.vue
JS: <Frame>
JS: <Root>
System.err: An uncaught Exception occurred on "main" thread.
System.err: Calling js method onClick failed
System.err: ReferenceError: $router is not defined
System.err: