18、基础路由和nuxt-link路由跳转

bus_lupe

已于 2023-12-16 22:01:35 修改

阅读量680

点赞数

分类专栏： nuxt 文章标签： javascript 前端 vue.js

于 2023-11-14 23:28:57 首次发布

本文链接：https://blog.youkuaiyun.com/bus_lupe/article/details/134365581

版权

16 篇文章

订阅专栏

文章介绍了Nuxt.js如何基于pages目录自动管理路由配置，以及nuxt-link组件的用法，指出它与router-link类似，推荐参考Vue官方路由文档。

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

Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置，不需要我们去额外的配置路由。

nuxt-link 组件用于在页面中添加链接至别的页面。

目前 < nuxt-link> 的作用和 < router-link> 一致，推荐阅读 Vue 路由文档来了解它的使用方法。

<template>
  <div>
    <h1>Home page</h1>
    <nuxt-link to="/about">关于</nuxt-link>
  </div>
</template>

https://www.nuxtjs.cn/api/components-nuxt-link