# $children
removed
# Visión General
La propiedad de instancia $children se ha eliminado desde Vue 3.0 y ya no es soportada.
# Sintaxis para 2.x
En 2.x, los desarrolladores pudieron acceder componentes hijo directos de la instancia actual mediante this.$children:
<template>
<div>
<img alt="Vue logo" src="./assets/logo.png">
<my-button>Cambiar el logo</my-button>
</div>
</template>
<script>
import MyButton from './MyButton'
export default {
components: {
MyButton
},
mounted() {
console.log(this.$children) // [VueComponent]
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
# Actualización en 3.x
En 3.x, la propiedad $children se ha eliminado y ya no es soportada. En su lugar, si necesita acceder una instancia de componente hijo, recomendamos utilizar $refs.