06.vue-router的声明式导航和编程式导航

最新推荐文章于 2024-05-15 19:08:12 发布

前端星人

最新推荐文章于 2024-05-15 19:08:12 发布

阅读量519

点赞数

分类专栏： vue专栏文章标签： vue html

本文链接：https://blog.csdn.net/wl516372370/article/details/106456789

版权

本文介绍了Vue-router的两种导航方式：声明式导航，主要通过a和router-link标签实现；以及编程式导航，包括使用this.$router.push进行路径跳转和this.$router.go(n)进行历史记录导航，详细解释了各自的使用场景和效果。

摘要由CSDN通过智能技术生成

编程式导航

一、声明式导航

声明式导航是指通过点击链接实现导航的方式，比如 a、router-link 标签。

<div id="app">
    <router-link :to="{ name:'user',params:{id:3} }">login3</router-link>
    <router-link :to="{ name:'user',params:{id:4} }">login4</router-link>
    <router-link :to="{ name:'user',params:{id:5} }"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端星人

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
06.vue-router的声明式导航和编程式导航

编程式导航一、声明式导航二、编程式导航1. this.$router.push('hash地址')页面显示效果2.this.$router.go(n)页面显示效果一、声明式导航声明式导航是指通过点击链接实现导航的方式，比如 a、router-link 标签。<div id="app"> <router-link :to="{ name:'user',params:{id:3} }">login3</router-link> <router-li
复制链接

扫一扫