• 技术文章 >web前端 >前端问答

    vue项目路由默认是hash模式吗

    长期闲置长期闲置2022-06-16 10:47:08原创172

    vue项目路由默认是hash模式;该模式在url中有“#”号,可以利用锚点“#”实现跳转到同一页面的不同id所对应的位置,使用URL的hash值来作为路由,模拟一个完整的URL;hash改变会触发hashChange事件,会被浏览器记录下来,可以使用浏览器的前进和后退。

    本教程操作环境:windows10系统、Vue3版、Dell G3电脑。

    vue项目默认是hash模式吗

    vue项目默认是hash模式

    hash模式

    1、vue-router默认是hash模式

    2、url中有“#”号

    3、hash值(“#”后的值)不会被包含在http请求中,改变hash值不会引起页面的重新加载。

    4、hash改变会触发hashChange事件,会被浏览器记录下来,可以使用浏览器的前进和后退。

    5、hash兼容到IE8以上

    6、 会创建hashHistory对象,在访问不同的路由的时候,会发⽣两件事:

    对于hash模式和history模式,最直接的区别就是地址栏带不带"#"号了。

    vue脚手架搭建的项目的路由默认是hash模式。

    hash模式:

    在这里插入图片描述
    创建路由实例时,添加mode:"history"属性,即可使用history模式。

    const router = new VueRouter({
      routes,
      mode: "history"})

    history模式:

    在这里插入图片描述

    【相关推荐:《vue.js教程》】

    以上就是vue项目路由默认是hash模式吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Vue
    上一篇:vue中props可以传递函数吗 下一篇:bootstrap中有弹出层吗
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 什么是动态组件?深入了解Vue中的动态组件• 什么是插槽?深入了解Vue中的插槽• 什么是自定义指令?深入了解Vue中的自定义指令• vue项目首次加载缓慢怎么办?两种解决方案• 9个提高开发效率和性能的Vue小技巧
    1/1

    PHP中文网