# $children
removed
# Vue
La propriété d'instance $children
a été supprimée de Vue 3.0 et n'est plus supportée.
# Syntaxe 2.x
En 2.x, les développeurs pouvaient accéder aux composants enfants directs de l'instance courante avec this.$children
:
<template>
<div>
<img alt="Vue logo" src="./assets/logo.png">
<my-button>Change 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
# Mise à jour 3.x
En 3.x, la propriété $children
est supprimée et n'est plus supportée. À la place, si vous avez besoin d'accéder à une instance de composant enfant, nous vous recommandons d'utiliser $refs.