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!
Vous devez vous connecter pour publier un commentaire.
Pour transmettre des données via les accessoires, vous devez déclarer en composant enfant:
data
objet?Veuillez noter les points suivants:
Composant Parent...
Composant Enfant...