Skip to content

Commit 3908773

Browse files
authored
Update component-attrs.md
1 parent 4d4d1d4 commit 3908773

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/guide/component-attrs.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
> このページは [コンポーネントの基本](component-basics.md) が読まれていることが前提となっています。 コンポーネントを扱った事のない場合はこちらのページを先に読んでください。
44
5-
プロパティでない属性とは、コンポーネントに渡される属性やイベントリスナのうち、[props](component-props)[emits](component-custom-events.html#defining-custom-events) で定義されたものを除いたものをいいます。なお、共通の認識として `class` `style`, `id` 属性はここに含まれません
5+
プロパティでない属性とは、コンポーネントに渡される属性やイベントリスナのうち、[props](component-props)[emits](component-custom-events.html#defining-custom-events) で定義されたものを除いたものをいいます。よくある例としては、コンポーネント要素タグに付与する `class` `style``id` などの属性があります
66

77
## 属性の継承
88

@@ -80,9 +80,9 @@ const app = Vue.createApp({
8080

8181
コンポーネントのオプション内で、`inheritAttrs: false`を指定することで、属性の継承を **無効化** することも可能です。
8282

83-
一般的に属性の無効化は、ルート要素ではない別の要素に属性を適用したいようなケースで利用される場面が考えられるでしょう。
83+
一般的に属性の継承の無効化は、ルート要素ではない別の要素に属性を適用したいようなケースで利用される場面が考えられるでしょう。
8484

85-
`inheritAttrs``false` にセットした場合、コンポーネントの `$attrs` プロパティを通じて`props``emits`といったコンポーネントのプロパティを除く全ての属性(例えば`class``style``v-on` といったものも)にアクセスできるようになります
85+
`inheritAttrs``false` にセットした場合属性の形象化は無効化されますが、`inheritAttrs` の設定に関わらずコンポーネントの `$attrs` プロパティから`props``emits`といったコンポーネントのプロパティを除く全ての属性(例えば`class``style``v-on` といったものも)にアクセススルことができます
8686

8787
[前節]('#属性の継承) で利用した date-picker のコンポーネント例を用いて、プロパティでない属性の全てを ルートの `div` 要素ではなく `input` 要素に適用する場合、`v-bind` を用いて簡略的に記述することも可能です。
8888

0 commit comments

Comments
 (0)