Pass data from parent to child component in vue.js -

i trying pass data parent child component. however, data trying pass keeps printing out blank in child component. code:

in profile.js (parent component)

<template>      <div class="container">         <profile-form :user ="user"></profile-form>     </div>  </template>  <script>  import profileform './profileform'  module.exports = {      data: function () {         return {             user: ''         }     },     methods: {      getcurrentuser: function () {         var self =         auth.getcurrentuser(function(person) {             self.user = person         })     },  }  </script> 

in profileform.js (child component)

<template>  <div class="container">     <h1>profile form component</h1> </div>    </template>   <script>   module.exports = {     created: function () {     console.log('user data parent component:')     console.log(this.user) //prints out empty string   },   }  </script> 

note - user loaded via getcurrentuser() method... can help?

thanks in advance!

to pass data via props, have declare them in child component:

module.exports = {      props: ['user'],    created: function () {     console.log('user data parent component:')     console.log(this.user) //prints out empty string   } }