Skip to content

Commit 9384707

Browse files
authored
Migration > Children の翻訳を追従 (#239)
* Add an original guide/migration/children.md * Add sidebar menu * docs: translate migration guide > children
1 parent 727c267 commit 9384707

File tree

2 files changed

+41
-0
lines changed

2 files changed

+41
-0
lines changed

src/.vuepress/config.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,7 @@ const sidebar = {
114114
'migration/array-refs',
115115
'migration/async-components',
116116
'migration/attribute-coercion',
117+
'migration/children',
117118
'migration/custom-directives',
118119
'migration/custom-elements-interop',
119120
'migration/data-option',

src/guide/migration/children.md

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
---
2+
badges:
3+
- removed
4+
---
5+
6+
# $children <MigrationBadges :badges="$frontmatter.badges" />
7+
8+
## 概要
9+
10+
インスタンスプロパティの `$children` は、Vue 3.0 から削除され、サポートされなくなりました。
11+
12+
## 2.x の構文
13+
14+
2.x では、開発者は `this.$children` を使って、現在のインスタンスの直接の子コンポーネントにアクセスすることができました。
15+
16+
```vue
17+
<template>
18+
<div>
19+
<img alt="Vue logo" src="./assets/logo.png">
20+
<my-button>Change logo</my-button>
21+
</div>
22+
</template>
23+
24+
<script>
25+
import MyButton from './MyButton'
26+
27+
export default {
28+
components: {
29+
MyButton
30+
},
31+
mounted() {
32+
console.log(this.$children) // [VueComponent]
33+
}
34+
}
35+
</script>
36+
```
37+
38+
## 3.x の更新
39+
40+
3.x では、 `$children` プロパティが削除され、サポートされなくなりました。代わりに、もし子コンポーネントのインスタンスにアクセスする必要がある場合は、 [$refs](/guide/component-template-refs.html#template-refs) を使用することをお勧めします。

0 commit comments

Comments
 (0)