vue经典面试题：声明式导航和编程式导航

📌大前端入门到精通 专栏正在持续更新中，案例的原理图解析、各种模块分析💖这里都有哦，同时也欢迎大家订阅专栏，获取更多详细信息哦✊✊✊
✨个人主页：零小唬的博客主页
🥂欢迎大家 👍点赞 📨评论 🔔收藏
✨作者简介：20级计算机专业学生一枚，来自宁夏，可能会去做大前端，目前还在努力学习并记录博客中🧸
🎀本系列专栏: 大前端入门到精通
💕希望本文对你在学习前端的过程中有所帮助，如有不足请指正一起学习，一起进步🥇
⛪座右铭：只要你还愿意努力，世界一定会给你惊喜

---

在Vue Router中，声明式导航和编程式导航是两种不同的方式来进行路由导航。

声明式导航（标签的方式）

声明式导航是通过在模板中使用<router-link>标签来生成链接，实现页面之间的跳转（主要是通过to属性来完成的）。使用<router-link>标签可以根据指定的路由配置生成相应的链接，点击链接时，Vue Router会自动处理导航过程，并更新页面的内容。

示例代码：

<router-link to="/home">Home</router-link>
编程式导航（js的方式）

编程式导航是通过JavaScript代码来实现路由的跳转。使用$router.push()方法可以在代码中进行导航操作，可以是页面跳转、重定向等。

示例代码：

// 在某个事件触发时进行导航
methods: {
  goToHome() {
    this.$router.push('/home');
  }
}

总结：

• 声明式导航更适合在模板中使用，可以直观地定义链接和路由之间的关系

• 编程式导航更适合在JavaScript代码中使用，可以根据业务逻辑进行灵活的导航操作
  拓展：

• this.$router.replace(’/替换路径’) replace是替换 跳转之后不能回退

• this.$router.go(）正数前进 负数后退

---

🎉记录是为了不停的思考，创作更是为了更好的思考，有人说过：2023年以后的中国市场将永远属于长期主义者，如果你觉得对您有帮助，欢迎一起交流学习，本人也是一名很菜的20级学生，编程界的小白，一起加油变优秀啦！