• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • 命名路由

    除了path之外,你还可以为任何路由提供name。这有以下优点:

    • 没有硬编码的URL
    • params的自动编码/解码。
    • 防止你在url中出现打字错误。
    • 绕过路径排序(如显示一个)


    示例:给路由起个名字:user

    js
    const routes = [
      {
        name: 'user',
        path: '/user/:username',
        component: User
      }
    ]
    


    要链接到一个命名的路由,可以向router-link组件的to属性传递一个对象:

    template
    <router-link :to="{ name: 'user', params: { username: 'erina' }}">
      User
    </router-link>
    

    这跟代码调用router.push()是一回事:

    js
    router.push({ name: 'user', params: { username: 'erina' } })
    

    在这两种情况下,路由将导航到路径/user/erina

    上篇:编程式的导航

    下篇:命名视图