Vue.js是一個流行的JavaScript框架，它使得我們可以構建web應用程序。最新版本的Vue.js是Vue 3，它引入了許多新的功能和改進。其中之一就是多個Vue實例的支持。

在Vue 3中，我們可以創建多個Vue實例，這些實例可以共存于同一個文檔中。這種能力是非常有用的，特別是在一些大型web應用程序中。

在下面的示例中，我們將創建兩個Vue實例，并展示如何在同一個文檔中運行它們：

// 創建第一個Vue實例
const app1 = Vue.createApp({
data() {
return {
message: 'Hello from app 1!'
}
}
})
// 準備掛載第一個Vue實例
app1.mount('#app1')
// 創建第二個Vue實例
const app2 = Vue.createApp({
data() {
return {
message: 'Hello from app 2!'
}
}
})
// 準備掛載第二個Vue實例
app2.mount('#app2')

在上面的代碼中，我們創建了兩個Vue實例：app1和app2。第一個實例掛載到id為“app1”的元素上，而第二個實例則掛載到id為“app2”的元素上。

現在，我們可以在同一個文檔中顯示這兩個Vue實例的不同內容了。我們可以在頁面上添加這兩個元素：

<div id="app1"></div>
<div id="app2"></div>

在頁面加載時，Vue會將這兩個元素掛載到對應的Vue實例上，并根據每個實例中定義的data屬性來更新元素的內容。這就是多個Vue實例的基本用法。