location.href和router

location.href和router都是用于进行路径跳转的，但是它们的使用方式和效果有所不同。

location.href是一个原生的JavaScript属性，用于在浏览器中进行页面跳转。它会触发浏览器重新加载页面，因此会造成页面的刷新。一般用于项目外的路径跳转。

router是Vue.js官方提供的路由管理插件，它使用pushState进行路由更新，实现了静态跳转，页面不会重新加载。它使用diff算法，实现按需加载，减少dom操作。一般用于项目内的路径跳转。

以下是它们的使用方法：

使用location.href进行路径跳转：

location.href = 'https://www.example.com';

使用router进行路径跳转：

// 在Vue组件中使用
this.$router.push('/path');

// 在普通的JavaScript代码中使用
import router from './router'
router.push('/path')