vue项目-单页面如何跳转外部链接

问题：在vue项目中，一般的跳转都是单页面跳转，在项目内部进行路由跳转，在本质上，目标页面还是项目中的页面，而我需要进行跳转的目标页面是另一个typeScript项目的页面，部署的项目服务器甚至不在同一个服务器上。

解决方案:

1. 最简单粗暴的是就是直接使用：<a href="目标地址">, 使用a链接进行跳转。
2. 我在简书上借鉴了另一位作者的方案：使用JavaScript中的BOM来解决:

 <div @click="handleLink">点击进行跳转</div>
    ......
    data() {
        return {
            url: 'www.baidu.com'
        }
    }
    methods: {
        handleLink() {
            window.location.href = this.url
        }
    } 

大家可以直接访问该作者，我仅在此记录一下问题，以便自己将来回顾。

笔名：来碗鸡蛋面
简书主页：www.jianshu.com/u/4876275b5…
邮箱：job_tom@foxmail.com
CSDN ID：tom_wong666