@@ -1569,23 +1569,24 @@ type: api
1569
1569
1570
1570
- ** 省略記法:** ` : `
1571
1571
1572
- - ** 要求事項:** ` * `
1572
+ - ** 要求事項:** ` * (引数あり) | Object (引数なし) `
1573
1573
1574
- - ** 引数:** ` attrOrProp (必須 ) `
1574
+ - ** 引数:** ` attrOrProp (任意 ) `
1575
1575
1576
1576
- ** 修飾子:**
1577
1577
- ` .sync ` - バインディングを双方向にします。prop バインディングにのみ有効なので注意してください。
1578
1578
- ` .once ` - バインディングを一度きり実行されるようにします。prop バインディングにのみ有効なので注意してください。
1579
1579
1580
1580
- ** 使用方法:**
1581
1581
1582
- 属性またはコンポーネント prop と式を動的にバインドします。
1582
+ 1つ以上の属性またはコンポーネント prop と式を動的にバインドします。
1583
1583
1584
1584
` class ` または ` style ` 属性とバインドする場合、配列やオブジェクトのような追加の値タイプをサポートします。詳細は下記にリンクしたガイドセクションを参照してください。
1585
1585
1586
1586
prop バインディングに使う場合、prop は子コンポーネント内で適切に宣言される必要があります。prop バインディングには修飾子の1つを用いることで異なるバインディングタイプを指定することができます。
1587
1587
1588
1588
- ** 例:**
1589
+ 引数なしで使用するとき、名前と値のペアを含んでいるオブジェクトをバインドして使用することができます。このモードは ` class ` と ` style ` は配列とオブジェクトをサポートしないことに注意してください。
1589
1590
1590
1591
``` html
1591
1592
<!-- 属性をバインド -->
@@ -1602,6 +1603,9 @@ type: api
1602
1603
<div :style =" { fontSize: size + 'px' }" ></div >
1603
1604
<div :style =" [styleObjectA, styleObjectB]" ></div >
1604
1605
1606
+ <!-- 属性のオブジェクトのバインディング -->
1607
+ <div v-bind =" { id: someProp, 'other-attr': otherProp }" ></div >
1608
+
1605
1609
<!-- prop バインディング。"prop" は my-component 内で宣言される必要があります。 -->
1606
1610
<my-component :prop =" someThing" ></my-component >
1607
1611
@@ -1919,6 +1923,22 @@ type: api
1919
1923
<input @keyup =" onKeyup | debounce 500" >
1920
1924
```
1921
1925
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
+
1922
1942
### filterBy
1923
1943
1924
1944
- ** 適用対象制限:** ` Array ` 値を要求するディレクティブ。例えば ` v-for ` 。
0 commit comments