SpringBoot快速入门笔记（7）

VueRouter前端路由

1、简介

Vue的单页面应用是基于路由和组件的，不同组件的切换需要前端路由完成

vue-router3只能结合vue2，vue-router4只能结合vue3
安装 npm install vue-router@3

2、RouterDemo

新建vue2项目，模拟网易云网页版

新建3个组件，Discover发现、Friends关注、My我的音乐，组件里简单写个文字即可😮

<template>
    <h1>关注</h1>
</template>

在App.vue中我们不再单独注册组件，而是使用路由，进行组件的映射

 <!-- 声明路由连接 -->
    <router-link to="/discover">发现音乐</router-link>
    <router-link to="/my">我的音乐</router-link>
    <router-link to="/friend">