Rumah  >  Soal Jawab  >  teks badan

Cara memuatkan komponen (dipasang) dalam API Komposisi Vue

<p>Saya cuba memuatkan <code>vue3-burger-menu</code>, tetapi dokumentasi hanya untuk <code>Options API</code>. Sebaliknya, saya menggunakan <code>Composition API</code>, tetapi saya agak tersekat. </p> <p>Dokumentasi mengatakan ini: </p> <pre class="brush:php;toolbar:false;">import { Slaid } daripada 'vue3-burger-menu' // import peralihan CSS yang anda ingin gunakan, dalam kes ini kami menggunakan `Slide` eksport lalai { komponen: { Slaid // Daftar komponen anda } }</pre> <p>Tetapi <kod>eksport lalai</code> </p> <p>Jadi, bagaimana saya hendak memuatkan <kod>tayangan slaid</kod>? </p>
P粉010967136P粉010967136441 hari yang lalu454

membalas semua(1)saya akan balas

  • P粉151466081

    P粉1514660812023-08-29 00:00:30

    Berikut ialah taman permainan bekerja dengan contoh vue3-burger-menu.

    https://stackblitz.com/edit/vue-wwkpny ?file=src/App.vue

    Anda perlu meletakkan kod dalam soalan ke dalam komponen tersuai.

    Seperti ini:

    MyMenu.vue

    <template>
        <Slide>
          <a id="home" href="#">
            <span>Home</span>
          </a>
        </Slide>
    </template>
    
    <script>
    import { Slide } from 'vue3-burger-menu'  // import the CSS transitions you wish to use, in this case we are using `Slide`
    
    export default {
        components: {
            Slide // Register your component
        }
    }
    </script>

    dan gunakannya dalam apl:

    App.vue

    <template>
      <div id="app">
        <MyMenu />
      </div>
    </template>
    
    <script>
    import MyMenu from './components/MyMenu.vue'
    
    export default {
      name: 'App',
      components: {
        MyMenu
      }
    }
    </script>

    balas
    0
  • Batalbalas