10000 Guide > Components In-Depth > Slots の翻訳を追従 by naokie · Pull Request #293 · vuejs-jp/ja.vuejs.org · GitHub
[go: up one dir, main page]
Skip to content

Guide > Components In-Depth > Slots の翻訳を追従 #293

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Apr 30, 2021
Merged

Guide > Components In-Depth > Slots の翻訳を追従 #293

Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
9c1d767
fix: closed span tags
naokie Apr 29, 2021
c06c5b0
docs: fix example in component-slots.md
naokie Apr 29, 2021
9f826e9
Update component-slots.md
naokie Apr 29, 2021
dee3834
docs: update component-slots.md
naokie Apr 29, 2021
3918ee2
Added slot to todo list component
naokie Apr 29, 2021
cde593c
Update component-slots.md
naokie Apr 29, 2021
90eb124
fix: wrap unintended template syntax with v-pre
naokie Apr 29, 2021
f091edc
docs: translate guide > component slots
naokie Apr 29, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
docs: translate guide > component slots
  • Loading branch information
@naokie
naokie committed Apr 29, 2021
commit f091edcaca55d3c912df4d949e377153e43115c8
6 changes: 3 additions & 3 deletions src/guide/component-slots.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -258,7 +258,7 @@ app.component('todo-list', {

しかし、これは動作しません。というのも、 `item` にアクセスすることができるのは `<todo-list>` コンポーネントだけですが、ここで指定しているコンテンツは親コンポーネントで描画されるからです。

親コンポーネント内でスロットコンテンツとして `item` を使えるようにするためには、これを `<slot>` 要素の属性としてバインドします:
親コンポーネント内でスロットコンテンツとして `item` を使えるようにするためには、これを `<slot>` 要素の属性として束縛します:

```html
<ul>
Expand All @@ -268,7 +268,7 @@ app.component('todo-list', {
</ul>
```

You can bind as many attributes to the `slot` as you need:
必要な数の属性を `slot` に束縛できます:

```html
<ul>
Expand All @@ -278,7 +278,7 @@ You can bind as many attributes to the `slot` as you need:
</ul>
```

`<slot>` 要素にバインドされた属性は、 **スロットプロパティ** と呼ばれます。これで、親スコープ内で `v-slot` に値を指定して、渡されたスロットプロパティの名前を定義できます:
`<slot>` 要素に束縛された属性は、 **スロットプロパティ** と呼ばれます。これで、親スコープ内で `v-slot` に値を指定して、渡されたスロットプロパティの名前を定義できます:

```html
<todo-list>
Expand Down
0