安装Vue Router：npm install vue-router

vue-Router是什么

vue Router是vue的官方路由 通过url进行实现切换页面的效果； 不会重新向服务器发送请求，不会跳转页面 无论是刷新，前进，后退都通过url可以实现

Router有哪些标签

ruter-link的作用相当于a标签 router-view相当于窗口，点击router-link会切换到router-view这个窗口

<router-link></router-link>
<router-view></router-view>

1. router-link有哪些属性

to：

<router-link :to="{name:'home',query:{kkk:'5555'}}">home页</router-link>
<router-link to="home">Home</router-link>
<router-link :to="{ path: '/home' }">Home</router-link>
<router-link :to="{name:'basic',params:{kkk:'666'}}">basic页</router-link>
<a href='home'>home</a>

tag：

类型: string

默认值: “a”

如果想要 渲染成某种标签，例如

于是我们使用 tag prop 类指定何种标签，同样它还是会监听点击，触发导航。

      <router-link :to="'home'"
                   tag="li"
                   event="mouseover">Home
      </router-link>

如果此时我们想要在这个li标签中添加a标签,如下所示，可以不为a标签添加href属性即可哦

 <router-link :to="{name:'Home'}" tag="li">
        <a>Home</a>
        </router-link>