关于路由

• 路由分为前端路由和后端路由：
  1.前端路由：是由程序员来设置的页面跳转规则，由不同的路径显示不同的组件 但是前端路由的路径在后台服务器上是不存在的
  2.后台的路由：每个路由对应的是一个接口，也就是说后台的路由是在服务器上真实存在的，每个后台的路径都对应的一个接口数据
• 路由的原理
  vue的路由分为两种 hash路由 history路由
  1.hash路由：
  js原生事件 onhashchange()当页面的hash发生变化就会触发该事件
  history路由：
  2.是利用h5新增的api history堆栈来实现的
  js原生事件 ononpopstate()来检测页面的路径变化 从而根据路径来显示不同的 页面
• 路由的配置
  四、路由的配置
  src->router->index.js是我们的路由配置文件 所有的路由都会在这个文件中进行配置
  给router对象添加 mode:“history”, 默认的是hash模式
• 路由配置的步骤
  1、新建对应路由的组件
  2、配置路由规则
  router->index.js
  1、引入所有用到的组件
  2、配置相应的规则
  {
  path:
  name:
  component:
  }
  3、给路径对应的组件找到显示的位置
  是系统给我们提供的一个显示路径所对应组件的这么一个组件 可以直接使用
  4、给路由的显示添加导航
  是提供提供给我们路由导航的组件 可以直接使用 默认的情况下解析为a标签
  tag=“标签名”
  5、默认的路径在导航上添加router-link-active类
  6、配置默认路径
  {
  path；“/”,
  redirect:“路径”
  }
• 二级路由的配置
  哪个一级路由下配置二级路由
  1、新建组件
  2、配置规则
  给要配置二级路由的一级路由添加children属性：[
  {
  path:"“二级路由是没有/,
  name:
  component:
  }
  ]
  3、找地方显示路由组件
  给谁配置的二级路由就去当前组件中找位置
  4、设置导航路径
  记录 设置to=”/一级路由/二级路由"
  5、设置二级的默认路径