title: NativeScript Vue navigation Issue
body: <p>I have a simple app in Nativescript + vue for navigation from one page to other .
  here is my login.vue</p>
  
  <pre><code> &lt;template&gt;
      &lt;FlexboxLayout class="login-page"&gt;
  
          &lt;StackLayout class="login-form"&gt;
              &lt;!-- &lt;Image class="brand-icon" src="~/images/NativeScript-Vue.png" /&gt; --&gt;
              &lt;Label class="login-title" text="Xnapp NativeScript" /&gt;
  
              &lt;StackLayout class="form-group" marginBottom="15"&gt;
                  &lt;TextField class="input" hint="Email" keyboardType="email" autocorrect="false" autocapitalizationType="none" v-model="user.email"
                  returnKeyType="next" fontSize="18" /&gt;
                  &lt;StackLayout class="hr-light" /&gt;
              &lt;/StackLayout&gt;
  
              &lt;StackLayout class="form-group" marginBottom="15"&gt;
                  &lt;TextField ref="password" class="input" hint="Password" secure="true" v-model="user.password" :returnKeyType="isLoggingIn ? 'done' : 'next'" fontSize="18" /&gt;
                  &lt;StackLayout class="hr-light" /&gt;
              &lt;/StackLayout&gt;
  
              &lt;StackLayout v-show="!isLoggingIn" class="form-group"&gt;
                  &lt;TextField ref="confirmPassword" class="input" hint="Confirm password" secure="true" v-model="user.confirmPassword" returnKeyType="done"
                  fontSize="18" /&gt;
                  &lt;StackLayout class="hr-light" /&gt;
              &lt;/StackLayout&gt;
  
              &lt;Button :text="isLoggingIn ? 'Login' : 'Signup'" @tap="submitLogin" class="btn btn-primary m-t-20" /&gt;
              &lt;Label v-show="isLoggingIn" text="Forgot your password?" class="login-label"/&gt;
          &lt;/StackLayout&gt;
  
          &lt;Label class="login-label sign-up-label" @tap="toggleForm"&gt;
              &lt;FormattedString&gt;
              &lt;Span :text="isLoggingIn ? 'Don’t have an account? ' : 'Back to Login'" /&gt;
              &lt;Span :text="isLoggingIn ? 'Sign up' : ''" class="bold" /&gt;
              &lt;/FormattedString&gt;
          &lt;/Label&gt;
  
      &lt;/FlexboxLayout&gt;
  &lt;/template&gt;
  
  &lt;script lang="ts"&gt;
  import { Vue, Component, Prop, Watch } from "vue-property-decorator";
  import { getFile, getImage, getJSON, getString, request, HttpResponse } from "tns-core-modules/http";
  import DashboardComponent from "@/components/dashboard.vue";
  import chart from "./chart.vue";
  @Component
  export default class LoginComponent extends Vue {
      isLoggingIn = true;
      $navigateTo;
      user = {
          email: "test@gmail.comr",
          password: "123",
          confirmPassword: ""
      };
  
      toggleForm() {
          this.isLoggingIn = !this.isLoggingIn;
      }
  
      submitLogin() {
          if(this.isLoggingIn)
          this.login();
          else 
          this.registration();
      }
  
      login() {
          alert('login');
          this.$navigateTo(DashboardComponent);
          // this.$navigateTo(chart);
      }
  
      registration() {
          alert('registration');
      }
  
  //   mounted() {   
  //     getJSON("https://jsonplaceholder.typicode.com/posts/").then(result =&gt; {
  //       this.listData = result;
  //       console.log(this.listData);
  //     }, error =&gt; {
  //       console.log(error);
  //     });
  //   }
  
  }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
      .login-page {
          align-items: center;
          flex-direction: column;
      }
      .login-form {
          margin-left: 20;
          margin-right: 20;
          flex-grow: 1;
          vertical-align: middle;
      }
      .brand-icon {
          margin-bottom: 12;
          height: 90;
          font-weight: bold;
      }
      .login-title {
          horizontal-align: center;
          font-size: 20;
          font-weight: 600;
          margin-bottom: 30;
          text-align: center;
      }
      .form-group .form-control {
          font-size: 36;
          placeholder-color: #A8A8A8;
      }
      .login-label {
          horizontal-align: center;
          color: #A8A8A8;
          font-size: 16;
      }
      .sign-up-label {
          margin-bottom: 20;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>and dashboard.vue</p>
  
  <pre><code>&lt;template&gt;
      &lt;Page&gt;
          &lt;ActionBar class="page-title" title="Dashboard d"/&gt;
  
      &lt;/Page&gt;  
  &lt;/template&gt;
  </code></pre>
  
  <p>when i clicking on loggin button tap alert is getting fired but its not navigating to next page and show the warning in log
  <strong>getFrameById() is deprecated. Use Frame.getFrameById() instead.</strong> page .</p>
  
  <p>any suggestion on this ,what i am missing 
  thanks 
  its show the warning </p>