# $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

# 3.x 업데이트

3.x에서는 $children 속성이 제거되어 더 이상 지원되지 않습니다. 대신 하위 컴포넌트 인스턴스에 접근 해야하는 경우 $refs를 사용하는 것이 좋습니다.

Deployed on Netlify.
Last updated: 2021-01-13, 05:23:36 UTC