前端进阶5 - Nuxt.js - 1-nuxt路由

158 阅读1分钟
  • 1-nuxt路由

    • nuxt路由是自动生成的

      • 路由格式:< nuxt-link :to="{ name: 'about' }">去about页面< /nuxt-link>
    • 动态路由(可以传参)

      • 父组件:< nuxt-link :to="{ name: 'about', params: { xxid: 1234 } }">去about页面< /nuxt-link>
      • 子组件:< h2>得到的id是:{{ $route.params.xxid }}</ h2>
    • 动态id

      • 父组件:< a href="/news/456">动态id</ a>
      • 子组件(_id.vue):< h2>得到的id是:{{ $route.params.id }}< /h2>
    • 路由自动生成在.nuxt/router.js