演示单页——页面变化但是不会刷新跳转
- 使用的 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,页面变化但是不会刷新跳转