介绍：vue-router是Vue.js官方提供的路由插件，用于构建单页面应用。路径和组件映射在一起。在vue-router单页面应用中，页面的路径变化就是在组件之间来回切换。..并调用Vue.use(...)2.创建实例路由，配置映射路径3.在根组件中挂载路由实例importVueRouterfrom'vue-router'//导入路由对象importHomefrom'../views/Home.vue'Vue.use(VueRouter)//安装路由插件constroutes=[//路径配置每个路径选项都是一个对象{path:'/',name:'Home',component:Home},{path:'/about',name:'About',component:()=>import('../views/About.vue')//延迟加载配置}]constrouter=newVueRouter({mode:'history',//路由模式base:process.env.BASE_URL,routes})exportdefaultrouter//导出路由实例对象routingimportVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'//将路由实例导入到Vue.config.productionTip=falsenewVue({router,//在vue的根组件实例中引入路由render:h=>h(App)})。$mount('#app')
