Skip to content

Commit 1439160

Browse files
yyx990803kazupon
authored andcommitted
update api for 1.0.3
1 parent d74b2e0 commit 1439160

File tree

1 file changed

+23
-3
lines changed

1 file changed

+23
-3
lines changed

src/api/index.md

Lines changed: 23 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1569,23 +1569,24 @@ type: api
15691569

15701570
- **省略記法:** `:`
15711571

1572-
- **要求事項:** `*`
1572+
- **要求事項:** `* (引数あり) | Object (引数なし)`
15731573

1574-
- **引数:** `attrOrProp (必須)`
1574+
- **引数:** `attrOrProp (任意)`
15751575

15761576
- **修飾子:**
15771577
- `.sync` - バインディングを双方向にします。prop バインディングにのみ有効なので注意してください。
15781578
- `.once` - バインディングを一度きり実行されるようにします。prop バインディングにのみ有効なので注意してください。
15791579

15801580
- **使用方法:**
15811581

1582-
属性またはコンポーネント prop と式を動的にバインドします。
1582+
1つ以上の属性またはコンポーネント prop と式を動的にバインドします。
15831583

15841584
`class` または `style` 属性とバインドする場合、配列やオブジェクトのような追加の値タイプをサポートします。詳細は下記にリンクしたガイドセクションを参照してください。
15851585

15861586
prop バインディングに使う場合、prop は子コンポーネント内で適切に宣言される必要があります。prop バインディングには修飾子の1つを用いることで異なるバインディングタイプを指定することができます。
15871587

15881588
- **例:**
1589+
引数なしで使用するとき、名前と値のペアを含んでいるオブジェクトをバインドして使用することができます。このモードは `class``style` は配列とオブジェクトをサポートしないことに注意してください。
15891590

15901591
``` html
15911592
<!-- 属性をバインド -->
@@ -1602,6 +1603,9 @@ type: api
16021603
<div :style="{ fontSize: size + 'px' }"></div>
16031604
<div :style="[styleObjectA, styleObjectB]"></div>
16041605

1606+
<!-- 属性のオブジェクトのバインディング -->
1607+
<div v-bind="{ id: someProp, 'other-attr': otherProp }"></div>
1608+
16051609
<!-- prop バインディング。"prop" は my-component 内で宣言される必要があります。 -->
16061610
<my-component :prop="someThing"></my-component>
16071611

@@ -1919,6 +1923,22 @@ type: api
19191923
<input @keyup="onKeyup | debounce 500">
19201924
```
19211925

1926+
### limitBy
1927+
1928+
- **適用対象制限:** `Array` 値を要求するディレクティブ。例えば `v-for`
1929+
1930+
- **Arguments:**
1931+
- `{Number} limit`
1932+
1933+
- **使用方法:**
1934+
1935+
引数によって指定されたように、最初の N 個に配列を制限します。
1936+
1937+
``` html
1938+
<!-- 最初の 10 アイテムだけ表示される -->
1939+
<div v-for="item in items | limitBy 10"></div>
1940+
```
1941+
19221942
### filterBy
19231943

19241944
- **適用対象制限:** `Array` 値を要求するディレクティブ。例えば `v-for`

0 commit comments

Comments
 (0)