Estou tentando passar dados de um pai para um componente filho. No entanto, os dados que estou tentando passar mantêm a impressão em branco no componente filho. Meu código:

NoProfile.js (Componente pai)

<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>

NoProfileForm.js (Componente filho)

<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>

Nota - meuuser é carregado através do meugetCurrentUser() método ... Alguém pode ajudar?

Desde já, obrigado!