vue的路由有hash和history两种
区别:
Hash不会包含在http请求当中,并且hash不会重新加载页面,而使用history模式的话,如果前端的url和后端的url不一致的话会报404错误,所以使用history模式的话我们需要前端和后端进行配合
Vue的路由传参
传参的方法有三种:params、query、动态路由传参
- query可以使用name和path,而params只能使用name
- params刷新后不会保存,query传参刷新后可以保存
- params可以和动态路由一起使用
- params在地址栏中不会显示,query会显示
vue路由跳转
编程式 $router.push( )
声明式 <router-link></router-link>
Vue的嵌套路由
跳转到about页面:
<router-link to="/about">about</router-link>
<div class="tabbox">
<span>首页</span>
<span>分类</span>
<span>购物车</span>
<span>我的</span>
</div>