在網頁中，有時我們需要將另一個網頁嵌入其中，此時就可以使用<iframe>標簽。而在Vue中，使用<iframe>同樣很簡單。

首先，在Vue單文件組件的<template>標簽中加入<iframe>標簽，并設置它的寬、高以及要嵌入的網頁地址。

<template>
<div>
<h1>Vue中使用<iframe>標簽</h1>
<iframe src="https://www.example.com" width="800" height="600"></iframe>
</div>
</template>

當然，如果需要動態設置<iframe>的地址，可以使用Vue的數據綁定功能。

<template>
<div>
<h1>Vue中使用<iframe>標簽</h1>
<iframe :src="iframeSrc" width="800" height="600"></iframe>
</div>
</template>
<script>
export default {
data() {
return {
iframeSrc: "https://www.example.com"
};
}
};
</script>

除了設置<iframe>的基本屬性，我們還可以利用Vue的特性，對<iframe>做更多操作。

例如，我們可以給<iframe>標簽添加樣式，修改它的地址，或者通過window.frames獲取到<iframe>中的DOM節點，執行更多的操作。

<template>
<div>
<h1 :style="{ color: textColor }">Vue中使用<iframe>標簽</h1>
<iframe ref="myIframe" :src="iframeSrc" :style="{ border: 'none' }" width="800" height="600"></iframe>
<button @click="refreshIframe">刷新</button>
</div>
</template>
<script>
export default {
data() {
return {
iframeSrc: "https://www.example.com",
textColor: "red"
};
},
methods: {
refreshIframe() {
this.$refs.myIframe.src = "https://www.newexample.com";
this.$refs.myIframe.contentWindow.location.reload(true);
}
}
};
</script>

綜上所述，Vue中使用<iframe>標簽十分簡單，還可以通過Vue的特性和JavaScript的API對它進行更多的操作。