vue 打开外部链接是一项常见的功能，在多数网站中都可以看到它的存在。它的基本原理是：通过vue的实例来搭建一个页面，然后将外部链接的URL地址注入，使用iframe或者window.open等方式来打开外部链接。
首先，在vue中添加外部链接，需要在vue实例中引入插件，如Vue-Router、Vue-Resource等，然后在vue-router中定义路由，将外部URL添加进去，当用户点击对应的按钮时，就会自动跳转到外部的URL。
其次，vue也可以使用iframe来打开外部连接，首先在vue实例中定义一个iframe组件，然后把外部URL传入iframe组件中，当用户点击按钮时，就会打开外部连接。但是使用iframe来打开外部链接有一个缺点，就是页面会刷新，体验不是很好。
最后，vue也可以使用window.open来打开外部链接。window.open是一个非常强大的函数，它可以在新窗口中打开外部链接，而不会影响当前页面的状态，这样用户体验就比较好。
总之，vue打开外部链接是一个常见的功能，可以使用vue-router、iframe和window.open等方式来实现。使用vue打开外部链接，不仅可以提高用户体验，还可以提高网站的可用性和可维护性，是一个很好的选择。
