在Vue中，我們可以使用iframe來操作外部網站的內容。Vue提供了一個內置的$refs屬性，可以用來引用DOM元素，通過這種方式引用iframe元素并與其進行交互。

<template>
<div>
<iframe ref="iframeRef" :src="externalUrl" @load="onIframeLoad"></iframe>
</div>
</template>
<script>
export default {
data() {
return {
externalUrl: 'https://www.example.com'
}
},
methods: {
onIframeLoad() {
const iframe = this.$refs.iframeRef;
const iframeWin = iframe.contentWindow;
const iframeDoc = iframe.contentDocument || iframeWin.document;
// 在這里操作iframe中的內容
}
}
}
</script>

在以上代碼中，我們通過使用$refs屬性來引用了iframe的DOM元素，并且在iframe的加載過程中通過onload事件，調用了一個名為onIframeLoad的方法。

在onIframeLoad方法中，我們通過$refs屬性獲取到了iframe的DOM元素，然后通過contentWindow屬性獲取了iframe的window對象，最后通過contentDocument屬性或者contentWindow.document屬性獲取到了iframe的document對象。

通過這些方法，我們就可以對外部網站的內容進行操作了。比如我們可以使用querySelector方法來獲取到外部網站的某個DOM元素，然后使用innerHTML方法來替換它的內容。

onIframeLoad() {
const iframeDoc = iframe.contentDocument || iframeWin.document;
const targetEle = iframeDoc.querySelector('#target-ele');
if (targetEle) {
targetEle.innerHTML = 'New content here';
}
}

當然，我們在操作外部網站時也需要注意一些事項。比如有些網站可能有著嚴格的CORS策略，導致我們無法在iframe中訪問到它的內容。此外，在操作iframe中的內容時，我們也需要時刻考慮到網站的安全性，以避免發生任何意外情況。

總之，在Vue中使用iframe來操作外部網站的內容是一件相對簡單的事情。只需要注意一些細節點，就可以實現很多有趣的功能。