Passer des données d'un parent à un enfant composant dans vue.js

Je suis en train de passer des données d'un parent à un enfant de composant. Cependant, les données que je suis en train de passer conserve l'impression de vide dans le composant enfant. Mon code:

Dans Profile.js (composant Parent)

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

Dans ProfileForm.js (composant Enfant)

<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 - mon user est chargé par l'intermédiaire de mon getCurrentUser() méthode... quelqu'un Peut-il aider?

Merci d'avance!

InformationsquelleAutor Trung Tran | 2016-08-29