要使用Detail插件打開兩個(gè)窗口功能顯示，您需要先安裝并導(dǎo)入detail-plugin模塊。然后，您可以使用以下代碼來創(chuàng)建一個(gè)包含兩個(gè)窗口的頁面：

import { createApp } from 'vue'
import App from './App.vue'
import DetailPlugin from '@/plugins/detail-plugin.js'

const app = createApp(App)
app.use(DetailPlugin)
app.mount('#app')

在這個(gè)例子中，我們首先導(dǎo)入了createApp、App和DetailPlugin。然后，我們創(chuàng)建了一個(gè)應(yīng)用程序?qū)嵗?，并使?code>use方法將DetailPlugin添加到應(yīng)用程序中。最后，應(yīng)用程序掛載到根元素上。

接下來，在您的Vue組件中使用detail-plugin模塊：

<template>
  <div id="app">
    <h1>Detail Plugin 示例</h1>

    <!-- 第一個(gè)窗口 -->
    <div v-if="showWindow1" >
      <h2>窗口1</h2>
      <p>這是窗口1的內(nèi)容。</p>
    </div>

    <!-- 第二個(gè)窗口 -->
    <div v-else-if="showWindow2" >
      <h2>窗口2</h2>
      <p>這是窗口2的內(nèi)容。</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showWindow1: true,
      showWindow2: false,
    }
  },
  mounted() {
    this.showWindow1 = true;
    this.showWindow2 = false;
  },
}
</script>

在這個(gè)例子中，我們使用了條件渲染（v-if）來根據(jù)showWindow1和showWindow2變量的值來顯示不同的窗口。當(dāng)showWindow1為true時(shí)，會(huì)顯示窗口1；當(dāng)showWindow2為false時(shí)，會(huì)顯示窗口2。