VueRouter与Router的区别

VueRouter与Router的区别

VueRouter 是 Vue.js 官方提供的一款路由管理器。它是专门为 Vue.js 设计的，可以与 Vue.js 应用无缝集成，提供了一些方便的特性，如动态路由匹配、嵌套路由、路由参数、路由钩子函数等。

而 Router 是通用的路由管理器，可以用于任何 JavaScript 应用程序。它并不是为 Vue.js 特别设计的，因此在使用 Router 时需要自己编写一些额外的代码来集成到 Vue.js 应用程序中。

因此，VueRouter 与 Router 的主要区别在于它们的设计目标和使用方式。VueRouter 更加适合 Vue.js 应用程序，可以更轻松地与 Vue.js 集成和使用。而 Router 则更加通用，可以用于各种 JavaScript 应用程序，但需要编写更多的代码来实现与 Vue.js 的集成。

内部使用scrollBehavior: () => ({ y: 0 })作用

在 Vue.js 中，scrollBehavior 是一个路由选项，它决定了当路由切换时页面如何滚动。这个选项接受一个函数作为参数，该函数返回一个对象，该对象指定滚动的位置。

在这里，scrollBehavior: () => ({ y: 0 }) 的作用是将页面滚动位置重置为顶部（y 坐标为 0）。这意味着当你从一个页面切换到另一个页面时，新页面将始终从顶部开始滚动，而不是从之前的位置开始滚动。

这个选项通常用于解决在页面切换时可能出现的滚动位置混乱的问题，尤其是在单页面应用程序（SPA）中。

先赞后看，养成习惯！！！^ _ ^ ❤️ ❤️ ❤️
码字不易，大家的支持就是我的坚持下去的动力。点赞后不要忘了关注我哦！