为什么我不使用 $NavigateTo 在 NativeScript Vue 中路由？

如何解决为什么我不使用 $NavigateTo 在 NativeScript Vue 中路由？

我有以下结构：

- /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>

我的一个模块是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;

同时使用 $navigateto 和 $router 我收到一个错误：

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: