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.