vuejs Kind Komponente Lebenszyklus diffrence Root-Komponente?

Question

das ist meine Vorlage

<parent> 
<child></child> 
</parent> 

und das ist untergeordnete Komponente Skript

beforeCreate(){ 
    console.log('beforeCreate'); 
} 

created(){ 
    console.log('created'); 
} 

beforeMount(){ 
    console.log('beforeMount'); 
} 

i vuejs Komponente Lebenszyklus zu testen.

so schreibe ich alle Hook-Methode in Kindkomponente,

aber erstellt Hook-Methode in Kind nicht

ist es normal ist oder nicht genannt wird ??

danke

Answer 1

Es sollte normal als andere Lebenszyklusmethoden funktionieren. Ich habe Ihren Fall erneut getestet (basierend auf der VUE CLI Webpack-Vorlage) und es funktioniert gut. Verwenden Sie vue-cli oder benutzerdefinierte Bundle/Build-Art?

Bitte siehe mein Beispiel unten (Ich denke, man Komma nach Lifecycle-Methode geschweifte Klammer verpassen):

<script> 
    // PARENT component 
    import Child from './components/Child' 

    export default { 
    name: 'parent', 

    components: { 
    Child 
    } 
} 
</script> 


<script> 
    // CHILD component 
    export default { 
    name: 'child', 

    beforeMount() { 
    console.log('before mount') 
    }, 

    created() { 
     console.log('created') 
    }, 
    beforeCreate() { 
     console.log('before create') 
    } 
} 
</script>