vue Router 声明式导航与编程式导航的对比

本文解析Vue Router中的声明式导航(<router-link>与<router-view>)和编程式导航(router.push()),阐述两者如何引导用户访问组件,并对比其使用场景和区别。

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

1.声明式导航

         vue Router中的声明式导航就是 <router-link> 标签,那么router-link怎么带我们去我们要到的组件呢,是通过router-link的to属性到达对应的组件中。写法是这个样子的<router-link :to="...">

        而 <router-link> 标签通过to属性到达对应的组件,这时就面临一个问题,要让这个组件显示到哪里,这是就要用到<router-view>标签,来达到想要的结果。

2.编程式导航

        vue Router中的编程式导航就是router.push('.....'),而编程式导航与声明式导航大大不同了,编程式导航的使用是封装在方法里的,需要用到时调用方法就可以了,

总结:要弄明白 声明式导航和编程式导航 需要明白导航的意思 导航就是带着你到什么地方,在vue router中就是去什么组件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值