vue的Router相关配置

import Vue from 'vue'
import Router from 'vue-router'
// import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)


export default new Router({
  routes: [
    // {path: '/',name: 'HelloWorld',component: HelloWorld }
    {path:'/',name:'index',component:resolve=>require(['@/components/HelloWorld'],resolve)},
    {path:'/home/:vv',name:'home',component:resolve=>require(['@/components/routecomponents/home'], resolve),meta:{keepAlive:true},beforeEnter(to, from, next) {
      console.log(111)
      console.log(to.path); // 打印 /helloworld
      console.log(from.path); // 打印 /
      next(); // 跳到/helloworld 组件页面
    }
    },
    {path:'/tabr',name:'tabr',component:resolve=>require(['@/components/routecomponents/tabr'], resolve)},
    {path:'/about',name:'about',component:resolve=>require(['@/components/routecomponents/about'], resolve)},
    {path:'/personal/:ws',name:'personal',component:resolve=>require(['@/components/routecomponents/personal'], resolve)},
    {path:'/par',name:'par',components:resolve=>require(['@/components/par'],resolve)}
  ]
})

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'

Vue.config.productionTip = false
// router.afterEach((to, from, next) => {
//   console.log(to.path); // 打印 /helloworld
//   console.log(from.path); // 打印 /
// });
// router.beforeEach((to, from, next) => {
//   // do something
//   console.log(to.path); // 打印 /helloworld
//   console.log(from.path); // 打印 /
//   next();
// });



new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})

参考https://router.vuejs.org/zh/