vue路由(一)介绍与实现简单的模拟路由

一、什么是路由

路由就是对应关系。分为两大类：
① 后端路由
请求方式、请求地址与function处理函数之间的对应关系。
② 前端路由
Hash地址与组件之间的对应关系。

工作方式：
①用户点击了页面上的路由链接
②导致了URL地址栏中的Hash值的变化
③前端路由监听了到Hash地址的变化
④前端路由把当前Hash地址对应的组件渲染到浏览器中

二、SPA与前端路由的关系

在SPA项目中，不同功能之间的切换，要依赖于前端路由来完成！
三、模拟实现简单的路由

<template>
  <div>
    <h1>App组件</h1>
<!--   href="#/home"设置hash地址-->
    <a href="#/home