nativescript-vue-navigator

我要开发同款
匿名用户2021年11月26日
38阅读
开发技术JavaScriptTypeScript
所属分类手机/移动开发
授权协议MIT License

作品详情

NativeScript-Vue-Navigator

NativeScript-Vue-NavigatorisasimplerouterimplementationthatissuitableforNativeScript-Vue.

QuickStart$npminstall--savenativescript-vue-navigator//main.jsimportVuefrom'nativescript-vue'...+importNavigatorfrom'nativescript-vue-navigator'+import{routes}from'./routes'+Vue.use(Navigator,{routes})newVue({-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>Attachingextradatatoaroute//routes.jsimportHomePagefrom'./components/HomePage'importLoginPagefrom'./components/LoginPage'exportconstroutes={'/home':{component:HomePage,+//weareusing`meta`asagoodpractice,butyouarefreetousesomethingelse+meta:{needsAuth:true}},'/login':{component:LoginPage,+meta:{needsAuth:false}},}
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论