Einführung in lokale Komponenten in Vue

var KomponenteA = { /* ... */ }

var KomponenteB = { /* ... */ }

neuer Vue({
  el: '#app',
 
// Komponentenzentrum Komponenten: {
 // Beim Rendern einer lokal registrierten Komponente auf der Ansichtsebene // component-a: der Name, den Sie beim Aufruf auf der Ansichtsebene verwenden möchten // ComponentA: Lokal registrierter Komponentenname „component-a“: ComponentA,
    'Komponente-b': KomponenteB
  }
})

<div id="app">
        <Komponente-a></Komponente-a>
        <Komponente-b></Komponente-b>
    </div>

<Text>
    
    <div id="app">
        <Komponente-a></Komponente-a>
        <Komponente-b></Komponente-b>
    </div>
 
    <script src="./js/vue.js"></script>
    <Skript>
        let KomponenteA = {
            Vorlage:`
                <p>Ich bin eine lokale Komponente 1</p>
            `
        }
 
        let KomponenteB = {
            Vorlage:`
                <p>Ich bin eine lokale Komponente 2</p>
            `
        }
 
        lass vm = neues Vue({
            el:'#app',
            Daten:{
 
            },
            Komponenten: {
                "Komponente-a":KomponenteA,
                "Komponente-b":KomponenteB
            }
        })
    </Skript>