vue.js - otro - pasar parametros entre componentes vue
VueJS 2.0-No se puede conectar un componente a la actualizaciĆ³n de accesorios (1)
Lo que estás buscando es mirar :
<script>
export default {
props: [''channel''],
watch: {
channel(newValue) {
console.log(newValue)
}
}
}
</script>
Necesito forzar la reproducción del componente en la actualización para poder llamar a FB.XFBML.parse()
. Sin embargo, no importa lo que haga, no puedo invocar ningún gancho de ciclo de vida beforeUpdate
updated
o updated
cuando se updated
una propiedad. (De acuerdo con los documentos , solo escucha data
actualizaciones de data
que los props
obviamente no son).
<template>
<div>
{{myProp}}
</div>
</template>
<script>
export default {
props: [''myProp''],
watch: {
myprop: function(newVal, oldVal) { // watch it
console.log(''Prop changed: '', newVal, '' | was: '', oldVal)
}
},
updated(){ // never invoked},
beforeUpdate(){ // never invoked }
}
</script>
Puedo ver que el channel
propiedad cambió al enviar valores diferentes desde un componente principal.
¿Hay un gancho para escuchar los cambios de props
?
Actualizar
Como sugirió @chris, traté de watch
mi propiedad pero nada cambió. Entonces me di cuenta de que tengo un caso especial:
<template>
<child :my-prop="myProp"></child>
</template>
<script>
export default {
props: [''myProp'']
}
</script>
Estoy pasando myProp
que el componente principal recibe al componente child
. Entonces el watch: {myProp: ...}
no está funcionando.