关于vue的路由模式及修改方法

 更新时间:2022年03月31日 11:08:38   作者:你瞅啥???  
这篇文章主要介绍了关于vue的路由模式及修改方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

vue路由模式及修改

vue的路由模式有两种模式History和hash模式,切换方式有两种。

默认为hash模式,修改为history的方法如下,此方法也可以修改为hash模式

在这里插入图片描述

vue切换路由模式{hash/history}

vue中常用的路由模式

  • hash(#):默认路由模式
  • histroy(/)切换路由模式

切换路由模式

export default new Router({
    // 路由模式:hash(默认),history模式
    mode: 'history',
    // 修改路由高亮样式,默认值为'router-link-active'
    linkActiveClass: 'active'
    //路由规则
    routes:[
        {
            path:'/',
            name:'index',
            component:'Index'
        }
    ],
})

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 解决Vue3 echarts v-show无法重新渲染的问题

    解决Vue3 echarts v-show无法重新渲染的问题

    这篇文章主要介绍了Vue3 echarts v-show无法重新渲染的问题,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09
  • 详解Vue3中对VDOM的改进

    详解Vue3中对VDOM的改进

    这篇文章主要介绍了详解Vue3中对VDOM的改进,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • Vue单文件组件开发实现过程详解

    Vue单文件组件开发实现过程详解

    这篇文章主要介绍了Vue单文件组件开发实现过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • vue3 响应式对象如何实现方法的不同点

    vue3 响应式对象如何实现方法的不同点

    这篇文章主要介绍了vue3 响应式对象如何实现方法的不同点,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-05-05
  • 详解Vue 实例中的生命周期钩子

    详解Vue 实例中的生命周期钩子

    这篇文章主要介绍了详解Vue 实例中的生命周期钩子,在Vue的整个生命周期中,它提供了一些生命周期钩子,给了我们执行自定义逻辑的机会。
    2017-03-03
  • 基于vue.js轮播组件vue-awesome-swiper实现轮播图

    基于vue.js轮播组件vue-awesome-swiper实现轮播图

    一般做移动端轮播图的时候,最常用的就是Swiper插件了,而vue.js也有一个轮播组件vue-awesome-swiper,用法跟swiper相似。接下来通过本文给大家详解讲解vue.js轮播组件vue-awesome-swiper实现轮播图实例代码,需要的朋友参考下
    2017-03-03
  • Vue实现模糊查询-Mysql数据库数据

    Vue实现模糊查询-Mysql数据库数据

    这篇文章主要介绍了基于Vue实现Mysql数据库数据模糊查询,下面文章我们主要实现的是输入框中输入数据,根据输入的结果模糊搜索数据库对应内容,实现模糊查询,感兴趣的小伙伴可以进入文章我们一起学习
    2021-12-12
  • vue如何获取自定义元素属性参数值的方法

    vue如何获取自定义元素属性参数值的方法

    这篇文章主要介绍了vue如何获取自定义元素属性参数值的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • vue 面包屑导航组件封装

    vue 面包屑导航组件封装

    本文主要介绍了vue 面包屑导航组件封装,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • axios全局注册,设置token,以及全局设置url请求网段的方法

    axios全局注册,设置token,以及全局设置url请求网段的方法

    今天小编就为大家分享一篇axios全局注册,设置token,以及全局设置url请求网段的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09

最新评论