vue打开外部链接一直是前端开发中一个常见的需求。在实现这个功能时，我们常常会遇到两种选择：使用vue-router进行路由跳转，或者使用window.open方法打开新的窗口。本文将对这两种方法进行评测和对比，帮助读者选择最适合自己项目的方式。
1.使用vue-router进行路由跳转
使用vue-router进行路由跳转是一种常见的方式。首先，在Vue项目中安装并配置好vue-router，然后定义一个路由，指向目标链接。当用户点击某个按钮或者链接时，通过调用路由跳转方法实现页面跳转。这种方式简单明了，代码可读性高，并且可以充分利用vue-router提供的各种导航守卫和过渡效果。
然而，使用vue-router也存在一些局限性。首先，它只能在当前页面内进行跳转，并不能打开新的窗口。其次，在某些场景下，可能需要在新窗口中打开外部链接，而vue-router并不支持这种功能。
2.使用window.open方法打开新窗口
相比于vue-router，使用window.open方法打开新窗口可以更灵活地处理外部链接。只需要在点击事件中调用window.open方法，并传入目标链接即可。这种方式可以实现在新窗口中打开外部链接的需求，且可以通过参数设置新窗口的大小、位置等属性。
然而，window.open方法也存在一些问题。首先，它无法利用vue-router提供的导航守卫和过渡效果。其次，在某些浏览器中，会被浏览器的弹出窗。
whatsapp安卓版：https://dyjtbgxt.com/danji/10954.html