vue-cli（Vue-Router）全局钩子函数

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import NewSong from '@/views/new-song/new-song'
import Rank from '@/views/rank/rank'
import Search from '@/views/search/search'

import NavBar from '@/components/navBar'

// cil导航
import Home from '@/components/home'
import Document from '@/components/document'

import About from '@/components/about'


//动态参数
import User from '@/components/user'


//引用css样式
import Css from '@/assets/css.css'

Vue.use(Router)

//meta  手动设置下标
let router = new Router({
  // 更改路由模式
  mode:"history",
  // 点击的每一个都是这个颜色
  linkActiveClass:'is-active',
  scrollBehavior(to,from,savePosition){//点击浏览器的前进后退或切换导航触发
        //to   当前需要进入的目标路由对象（要去向哪里）
        //from  离开的路由对象    （从哪里来）
        //savePosition   滚动的坐标
/*        console.log(to);
        console.log(from);
        console.log(savePosition);*/
/*        if(savePosition){
            return savePosition;
        }else{
            return {x:0,y:0}
        }*/
        if (to.hash) {
            console.log(to.hash);
            return {
                selector:to.hash
            }
        };
  },
  routes: [
    {
      path: '/',
      name: 'NewSong',
      components: {
        nav:NavBar
      }
    },
    {
      path: '/home',
      name: 'Home',
      meta:{
        index:1,
        title:'home'
      },
      component: Home
    },
    {
      path: '/document',
      name: 'Document',
      meta:{
        index:2,
        login:true,
        title:'document'

      },
      component: Document
    },
      {
      path: '/search',
      name: 'Search',
      meta:{
        index:3,
        title:'search'
      },
      component: Search
    },
      {
      path: '/user/:tip?/:userid?',
      name: 'User',
      meta:{
        index:3
      },
      component: User
    }
  ]
})

//只要点击别的导航，钩子函数都能被执行
//进入前
router.beforeEach((to,from,next)=>{
console.log('baseEach');
//进入导航需要执行
//next();
//false为不跳转
//next(false);
if (to.meta.login) {
  //访问'/document' 跳转到login登录
next('/login');
}else{
  next();
}

//进入后
router.afterEach((to,from)=>{
if (to.meta.title) {
    window.document.title=to.meta.title;
}else{
    window.document.title="默认的";
}

})


});

export default router;