vue-router完整的导航解析流程

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import BAR from './components/bar'
import FOO from './components/foo'
import HOME from './components/home'
import NAME1 from './components/setname1';
import store from './store'

Vue.config.productionTip = false
Vue.use(VueRouter)



const router = new VueRouter({
  routes: [
    {
      path:'/bar',
      components:{default:BAR,name1:NAME1},
      beforeEnter: (to, from, next) => {
        if(confirm('路由独享的守卫')=== true){
          next()
        }
        else{
          next(false)
        } 
      },
      
    },//视图命名可以规定输出位置
    {path:'/foo',component:FOO},
    {path:'*',component:HOME}  
  ]
})


router.beforeEach((to, from, next) => {
  if(con