<div id="app"> <div> <router-link to="/">首页</router-link> <router-link to="/login">登录</router-link> <router-link to="/post">帖子管理</router-link> </div> <div> <router-view></router-view> </div> </div>
var routes = [ { path: ‘/‘, component:{ template: ` <p>这里是首页</p> ` } },{ path: ‘/login‘, component: { template: ` <p>这里是登录!</p> ` } },{ path: ‘/post‘, component: { template: ` <p>这里是帖子管理</p> ` } } ]; var router = new VueRouter({ routes: routes, }); router.beforeEach(function(to, from, next){ var login_in = true; if(!login_in && to.path == ‘/post‘){ next(‘/login‘) }else{ next(); } }) router.afterEach(function(to, from){ console.log("to", to); console.log("form", from); }); var app = new Vue({ el: ‘#app‘, router: router })
原文地址:https://www.cnblogs.com/samve/p/9125849.html
时间: 2024-10-14 00:45:34