1.vue-router有哪些模式?有什么不同?
时间: 2024-06-04 19:11:19 浏览: 11
Vue-router有三种模式:hash模式、history模式和abstract模式。
- hash模式:URL中带有#,所有hash后面的内容都不会被发送到服务器,而是作为客户端路由的一部分,避免了每次页面跳转都要向服务器发送请求的问题,并且可以在浏览器中前进和后退。
- history模式:URL中不带有#,使用HTML5的History API,避免了URL中带有#的不美观问题,同时可以通过后端配置实现在刷新页面时仍能保持客户端路由状态。
- abstract模式:用于非浏览器环境,例如Native端,需要手动实现路由跳转。
在使用上,hash模式需要用到Vue-router的Hash模式创建路由,history模式需要用到HTML5的History API支持,并在服务端配置让任何地址都返回同一个页面,abstract模式需要自行实现路由跳转逻辑。
相关问题
vue-router路由有几种模式?
vue-router 路由有两种模式:hash 模式和 history 模式。
hash 模式是通过监听 URL 中的 hash 值变化来实现路由的切换,这种模式下的 URL 中会带有 # 号。
history 模式则是通过修改浏览器的历史记录来实现路由的切换,这种模式下的 URL 不会带有 # 号,看起来更加美观。但是需要特别注意,使用 history 模式需要后端的支持,否则会出现路由无法匹配的问题。
以下关于 vue 的描述正确的是: A. 子组件通过 props 方法接受数据 B. vue-router 在 hash 模式下,hash 虽然在 URL 中,但不被包括在 HTTP 请求中 C. vue-router 在 history 模式下,如 http://www.xxx.com/items/id。后端如果缺少对 /items/id 的路由处理,将返回 404 错误 D. vuex 中异步逻辑应该封装在 action 中
A. 子组件通过 props 方法接受数据 和 D. vuex 中异步逻辑应该封装在 action 中 是正确的描述。
B. vue-router 在 hash 模式下,hash 会被包括在 HTTP 请求中,不会被忽略。
C. vue-router 在 history 模式下,如果后端缺少对某个路由的处理,将返回 404 错误,但是路由不是 /items/id 而是 /items,id 是路由参数,它本身不会被认为是一个路由。