Vue-router跳轉和location.href的區別如下：

1、原理不同

Vue-router是Vue.js官方的路由管理器，它和Vue.js深度集成，使用Vue.js的一些特性如響應式系統等，使得在Vue.js中構建單頁面應用(SPA)更加方便。location.href是JavaScript中window對象的一個屬性，它表示當前窗口的URL，設置location.href可以導航到新的URL。

2、功能不同

Vue-router提供了更加豐富的路由管理功能，例如路由參數、嵌套路由、動態路由等。而location.href主要用于進行URL的導航。

3、對HTML5 History API的支持

Vue-router默認使用HTML5 History API來實現路由跳轉，這使得在路由切換時，URL會相應地變化，但頁面不會刷新。而直接使用location.href進行跳轉時，如果不額外處理，會導致頁面刷新。

總的來說，Vue-router是為Vue.js單頁面應用提供的專門的路由解決方案，功能更加強大和靈活。而location.href是JavaScript中用于URL導航的基本方式。