将router修改为HTML5的history模式 & router-link的其他属性

将router修改为HTML5的history模式

在router实列中加入mode属性，值为history

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

router-link的其他属性

tag：tag可以指定之后渲染成什么组件,比如下面的代码会被渲染成一个li标签, 而不是a标签

replace: replace不会留下history记录,所以指定replace的情况下,后退键返回不能返回到上一个页面中

active-class: 当对应的路由匹配成功时,会自动给当前元素设置一个router-link-active的class,设置active-class可以修改默认的名称

• 在进行高亮显示的导航菜单或者底部tabbar时,会使用到该类
• 但是通常不会修改类的属性,会直接使用默认的router-link-active即可

也可以在router实列中修改

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

其他vue-router文章

vue-router的安装和配置方式
将router修改为HTML5的history模式 & router-link的其他属性
vue的动态路由
vue的路由懒加载
vue路由的嵌套
vue-router参数传递
vue-router导航守卫
vue-router的keep-alive