Nuxt.js实现简单路由配置

秃头少女刘小花

于 2021-06-28 17:12:15 发布

阅读量490

点赞数

分类专栏： vue学习笔记学习笔记文章标签： vue 路由器

本文链接：https://blog.youkuaiyun.com/weixin_43533151/article/details/118307587

版权

该博客介绍了如何在Nuxt.js中设置基本路由，包括首页、新闻首页和新闻详情页的配置，并展示了代码实现。同时，提到了通过路由传递参数的方法。

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

Nuxt.js实现简单路由配置

本文将实现的路由页面关系：

页面路由关系

实现的效果截图：

新闻首页
新闻1

实现的代码：

首页代码

<!--首页index.vue-->
<template>
  <div>
    <h1>我是首页-home</h1>
    <ul>
      <li><nuxt-link :to="{ name: 'index' }">HOME</nuxt-link></li>
      <li><nuxt-link :to="{ name: 'about' }">ABOUT</nuxt-link></li&g

最低0.47元/天解锁文章