前端应用_Vue_vue-router 用router-link代替a 标签，设置默认的路由

上海_彭彭

于 2019-08-17 12:40:19 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue.js 文章标签： vue vue-router 默认路由

本文链接：https://blog.youkuaiyun.com/qq_34979346/article/details/99691644

46 篇文章

订阅专栏

本文介绍如何使用Vue Router简化页面导航，通过实例展示如何利用router-link组件替代传统的a标签，并设置默认路由显示指定组件，提高前端开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前用 a标签，每次都需要在href 里面添加 #，用router-link 可以避免。

 <router-link to='/login' tag="span">登录</router-link>
    <router-link to='/registe' tag="span">注册</router-link>

我们想设置默认路由显示指定的组建，可以这么做

var routerObj=new VueRouter({
routes:[
{path:’/’,redirect:’/login’},

    {path:'/login',component:tmp1},
    {path:'/registe',component:tmp2}
  ]
})