vue之vue-router

一、安装：

npm i vue-router

vue2只能安装是vue-router 3.0以上，否则报错。
vue3只能安装vue-router 4.0以上。## 标题

二、新建index.js文件并创建router实例

// ### index.js文件

import Vue from 'vue'
import vueRouter from 'vue-router'
Vue.use(vueRouter)

//import Login from '../components/Login'与component:Login一起用
//import Goods from '../components/Goods'
let router = new vueRouter({
   
	routes:[
		{
   
			name:'login',
			path:'/login',
			//component:Login
			component:()=>import('../components/Login.vue')
		},
		{
   
			name:'goods',
			path:'/shopgoods',
			//component:Goods
			component:()=>import('../components/Goods.vue'),
			children:[
						{
   
							name:'shouji',
							path:'phone', // 在子级路由下，不要写斜杠 ‘/’
							component:()=>import('../components/Phone.vue')
						},
						{