Quick Start

$ npm install --save nativescript-vue-navigator

// main.jsimport Vue from 'nativescript-vue'...+ import Navigator from 'nativescript-vue-navigator'+ import {routes} from './routes'+ Vue.use(Navigator, { routes })new Vue({-   render: h => h('frame', App),+   render: h => h(App),}).$start()

// routes.jsimportHomePagefrom'./components/HomePage'importLoginPagefrom'./components/LoginPage'exportconstroutes={'/home':{component:HomePage,},'/login':{component:LoginPage,},}

// App.vue<template>+  <Navigator :defaultRoute="isLoggedIn ? '/home' : '/login'"/></template>

Attaching extra data to a route

// routes.jsimport HomePage from './components/HomePage'import LoginPage from './components/LoginPage'export const routes = {  '/home': {    component: HomePage,+   // we are using `meta` as a good practice, but you are free to use something else+   meta: { needsAuth: true }  },  '/login': {    component: LoginPage,+   meta: { needsAuth: false }  },}

<!-- anywhere in your templates--><Label :text="$navigator.route.meta.needsAuth" />

// or in any vue componentexportdefault{methods:{doStuff(){if(this.$navigator.route.meta.needsAuth){// do stuff}}}}

Navigating

this.$navigator.navigate('/home',{clearHistory:true})