VUE——路由活用（vue-router）

首先检查是否安装了路由依赖，若没有安装，先进行安装：

cnpm install vue-router -D

具体路由定义或基本使用请参考官方文档：点击打开链接

1.当页面内容过多时，切换路由始终回到页面顶端，配置scrollBehavior

const router = new Router({
  scrollBehavior: () => ({
    y: 0
  }),
  routes
});

2.通过全局前置守卫来判断路由，当当前要去的路由没找到，或者为指定的某个时 做相应操作

router.beforeEach((to, from, next) => {
  if (to.path == "/comingSoon") {
    Toast("敬请期待！");
  } else {
    next();
  }
});

注：
    to:即将要跳转的路由
    from:当前离开的路由

    next()一定要写，否则路由不会跳转，至于next具体参数，请参照参考手册

3.组件内的控制守卫

3.1 beforeRout