(三) -演示单页——页面变化但是不会刷新跳转

演示单页——页面变化但是不会刷新跳转

  • 使用的 history-历史管理 模式实现的,而#是hash模式
  • 演示页面绑定数据(服务端渲染的)

要在页面之间使用路由,我们建议使用<nuxt-link> 标签。

例如:

<template>
  <nuxt-link to="/">首页</nuxt-link>
</template>

1.在index.vue中新增文件

 <nuxt-link to="/user/90">用户详情</nuxt-link>
 <nuxt-link to="/user/90">用户test</nuxt-link>

2.在_id.vue和test.vue中分别进行配置路由页面

   <nuxt-link to="/">首页</nuxt-link>

3.访问首页

在这里插入图片描述

4.点击用户详情或用户test,页面变化但是不会刷新跳转

在这里插入图片描述

发布了199 篇原创文章 · 获赞 1 · 访问量 5455

猜你喜欢

转载自blog.csdn.net/weixin_44867717/article/details/105004069