首页
               
       
        用户登录
               
       
        帖子管理
               
       
        A
           
      
    
      
        
           
      
     

var routes = [    {        path: "/",        component: {            template: `            
首页管理
            `        }    },    {        path: "/login",        component: {            template: `            
用户登录
            `        }    },    {        path: "/a",        meta:{            login_required:false        },        component: {            template: `            
A
            `        }    },    {        path: "/post",        meta:{            login_required:true        },        component: {            template: `            
帖子管理
            
     
      点击you惊喜
                 
                 `        },        children:[            {                path:"rain",                component:{                    template:"
内涵段子
"                }            }        ]    },];var router = new VueRouter({    routes: routes});router.beforeEach(function (to,from ,next) {   //类似于中间件 ，访问之前做判断    var logged_in = true;                      //用户未登录状态    if(!logged_in && to.match(function (item) {            return item.meta.login_required        }))        //如果用户未登录且要跳转到post页面        next("/login");    else        next()           //正常执行});router.afterEach(function (to,from) {    //执行完之后要执行的函数})new Vue({    el: "#app",    router: router})