Skip to content

Commit c2c1537

Browse files
committed
1 parent 70fc59c commit c2c1537

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/guide/transitions-list.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
- 要素の内部では、 **常に** 固有の `key` 属性を **持つ必要** があります。
1313
- CSS トランジションクラスは内部の要素に適用され、グループやコンテナには適用されません。
1414

15-
### リストの Enter/Leave トランジション
15+
## リストの Enter/Leave トランジション
1616

1717
早速例に飛び込んでみましょう。以前利用したものと同じ CSS クラスを利用して、 enter/leave を行います:
1818

@@ -72,7 +72,7 @@ Vue.createApp(Demo).mount('#list-demo')
7272

7373
この例には一つの問題があります。item を追加や削除を行うと、その item の周りのものがスムーズに遷移せず、すぐに移動してしまいます。これは後で修正します。
7474

75-
### List Move Transitions
75+
## List Move Transitions
7676

7777
`<transition-group>` コンポーネントはもう一つの機能を持っています。それは、 enter/leave にだけでなく、位置の変更もアニメーションできることです。この機能を利用するための概念として、要素が位置を変更するときに **`v-move` クラス** が追加されることを知る必要があります。これはその他のクラスと同様、接頭辞はトランジションの `name` 属性と一致しているほか、 `move-class` 属性で手動でクラスを指定できます。
7878

@@ -190,7 +190,7 @@ Vue.createApp(Demo).mount('#list-complete-demo')
190190

191191
TODO: example
192192

193-
### 時間差でのリストトランジション
193+
## 時間差でのリストトランジション
194194

195195
data 属性によって JavaScript によるトランジションと通信することで、時間差でのリストトランジションが可能となります:
196196

0 commit comments

Comments
 (0)