vue入门完结篇

1.vue 嵌套路由

用法:在router对象中使用children属性定义嵌套路由

示例:

 

 ps:重定向使用redirect表明此请求要重定向的地址

2.参数传递

使用对象传递参数 to ={{name:'地址' ,id: 1}}

通过$route.param.id

3.路由钩子

router.beforeEach((to, from, next) => {     let token = router.app.$storage.fetch("token");     let needAuth = to.matched.some(item => item.meta.login); //返回的就是当前路由匹配到的组件类     if(!token && needAuth) return next({path: "/login"});     next(); });

beforeEach函数有三个参数：

• to:router即将进入的路由对象
• from:当前导航即将离开的路由
• next:Function,进行管道中的一个钩子，如果执行完了，则导航的状态就是 confirmed （确认的）；否则为false，终止导航。

afterEach函数不用传next()函数

其中next有三个方法

(1)next(); //默认路由

(2)next(false); //阻止路由跳转

(3)next({path:'/'}); //阻止默认路由，跳转到指定路径

 

标签：完结篇,vue,false,入门,next,token,跳转,router,路由
来源： https://www.cnblogs.com/ywy1/p/15073141.html