Ich versuche, Daten von einem übergeordneten an eine untergeordnete Komponente zu übergeben. Die Daten, die ich übermitteln möchte, werden jedoch in der untergeordneten Komponente weiterhin leer gedruckt. Mein Code:

ImProfile.js (Übergeordnete Komponente)

<template>

    <div class="container">
        <profile-form :user ="user"></profile-form>
    </div>

</template>

<script>

import ProfileForm from './ProfileForm'

module.exports = {

    data: function () {
        return {
            user: ''
        }
    },

   methods: {

    getCurrentUser: function () {
        var self = this
        auth.getCurrentUser(function(person) {
            self.user = person
        })
    },

}

</script>

ImProfileForm.js (Untergeordnete Komponente)

<template>

<div class="container">
    <h1>Profile Form Component</h1>
</div>  

</template>


<script>


module.exports = {


  created: function () {
    console.log('user data from parent component:')
    console.log(this.user) //prints out an empty string
  },


}

</script>

Note - myuser wird über mein @ geladgetCurrentUser() Methode ... Kann jemand helfen?

Danke im Voraus