import Vue from'vue'import VueRouter from'vue-router'import HomeView from'../views/HomeView.vue'import zhu from"../views/zhu.vue"//import sky from "../views/sky.vue"/*最合理的加载方式:常用的页面用import,在进入页面的时候就已经加载完
不常用的页面就用懒加载的箭头函数,只有在被调用的时候才会被引入*/
Vue.use(VueRouter)const routes =[{path:"/zhu",component: zhu,// name是后期调bug用的,说明这个组件是给谁用的name:"zhu"},{path:"/sky",component: sky,// name是后期调bug用的,说明这个组件是给谁用的name:()=>import("../views/sky.vue")},{path:'/',name:'home',component: HomeView
},{path:'/about',name:'about',// route level code-splitting// this generates a separate chunk (about.[hash].js) for this route// which is lazy-loaded when the route is visited.component:()=>import(/* webpackChunkName: "about" */'../views/AboutView.vue')}]const router =newVueRouter({mode:'history',base: process.env.BASE_URL,
routes
})exportdefault router