vue-router (两种路由模式、编程式/组件式、如何传参(优缺点)、)
vue-router 路由跳转两种模式
hash模式:
hash模式:浏览器url中#后面的内容,包含#。hash是URL中的锚点,代表 的是网页中的一个位置,单单改变#后的部分,
浏览器只会加载相应位置的内容,不会重新加载页面。
history模式:history采用HTML5的新特性;且提供了两个新方法:pushState()
replaceState()可以对浏览器历史记录栈进行修改,以及popState事件的监听到状态变更
并且
history 模式下,前端的 URL 必须和实际向后端发起请求的 URL 一致,如 地址后加上/items/id。后端如果缺少对 /items/id 的路由处理,将返回 404 错误
路由传参:
三种:
分别是query,params,动态路由传参
接收:
query: this. r o u t e .