# $children
removed
# 개요
$children 인스턴스 속성은 Vue 3.0에서 제거되었으며 더 이상 지원되지 않습니다.
# 2.x 문법
2.x에서 개발자는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
# 3.x 업데이트
3.x에서는 $children 속성이 제거되어 더 이상 지원되지 않습니다. 대신 하위 컴포넌트 인스턴스에 접근 해야하는 경우 $refs를 사용하는 것이 좋습니다.