1、声明式导航：
使用router-link方式实现的导航、router-link选中的标签会添加class样式
方式一:不带参数
<router-link to="/user">页面</router-link>方式二:带参数并且参数通过地址栏显现，整种方式可以拥有二级路由，path+query为一组文章来源：https://www.toymoban.com/news/detail-639958.html
<router-link :to="{ path: '/home' , query: { name: 'query' } }"方式三:带参数,参数不显示name+params为一组,在定义routes时,需要给组件添加name文章来源地址https://www.toymoban.com/news/detail-639958.html
<router-link :to="{ name: 'cart', params: { name: 'params' } }"到了这里，关于前端页面导航跳转方式的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
![[HTML]Web前端开发技术11（HTML5、CSS3、JavaScript ）页面布局设计 “三行模式”或“三列模式”“三行二列”“三行三列”模式 多行多列复杂模式水平导航菜单——喵喵画网页](https://imgs.yssmx.com/Uploads/2024/02/787720-1.png)
