# $children
removed
# Visão Geral
A propriedade de instância $children foi removida do Vue 3.0 e não é mais suportada.
# Sintaxe v2.x
Na v2.x, os desenvolvedores podiam acessar componentes filhos diretos da instância atual com this.$children:
<template>
<div>
<img alt="Vue logo" src="./assets/logo.png">
<my-button>Alterar logotipo</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
# Atualização v3.x
Na v3.x, a propriedade $children foi removida e não é mais suportada. Em vez disso, se você precisar acessar uma instância de componente filho, recomendamos usar $refs.