路由映射配置和呈现出来

路由映射配置和呈现出来

使用vue-router的步骤：
第一步：创建路由组件
第二步：配置路由映射：组件和路由映射关系
第三步：使用路由：通过< router-link >和< router-view >

路由的默认路径

默认情况下，进入网站首页我们希望渲染首页的内容。
但是现实中默认没有显示首页组件，必须让用户点击才可以
如何让路径默认跳到首页，并且渲染首页组件呢？
只需要多配置一个映射就可以了

const routes=[
  {
    //redirect重定向
    path:'/',
    redirect:'/home'
  },

配置解析：
在routes中又配置了一个映射
path配置的是根路径：/
redirect是重定向，也就是根路径重定向到/home的路径下

HTML5的history模式

改变路径的方式有两种：
URL的hash
HTML5的history
默认情况下，路径的改变使用的是URL的hash
如果希望使用HTML5的history模式，进行如下配置即可：
在router文件夹中的index.js文件中进行配置

const router = new VueRouter({
  //配置路由和组件之间的应用关系
  routes,
  mode:'history'
})