vue 路由器vue-router

区分

1. $router: 路由器，用来管理路由的，例如 push 进行路由跳转
2. $route: 当前页面路由，用来获取当前页面的路由信息的，例如$route.path, $route.params, $route.query…

一、Vue中引入vue-router

1. 安装vue-router

   npm install vue-router
   

2. 全局路由管理
   （1）src 文件夹家中创建 router/index.js 文件
   （2）index.js 中引入 vue-router ，创建路由器实例

   import Vue from 'vue';
   import VueRouter from 'vue-router';
   import page1 from '../views/page1.vue';
   
   // Vue中引入新插件都要use一下
   Vue.use(VueRouter); 
   
   const routes = [
   	{
        	// 首页默认重定向到page1页面
   		path: '/',
   		name: 'home',
   		redirect: 'page1'
   	},
   	{
        
   		path: '/page1',
   		name: 'page1',
   		component: page1,
   		children: [
   			{
        path: 'child1', name: 'child1', component: () => import('../views/child1.vue'