File tree Expand file tree Collapse file tree 1 file changed +0
-6
lines changed Expand file tree Collapse file tree 1 file changed +0
-6
lines changed Original file line number Diff line number Diff line change @@ -73,8 +73,6 @@ Vue.createApp(Demo).mount('#demo')
73
73
74
74
### トランジションクラス
75
75
76
- <!-- これらはが直訳としては良いが、読みやすさで "以下は" を採用 -->
77
-
78
76
以下は、enter/leave トランジションのために適用される 6 つのクラスです。
79
77
80
78
1 . ` v-enter-from ` : enter の開始状態。要素が挿入される前に適用され、要素が挿入された 1 フレーム後に削除されます。
@@ -506,15 +504,11 @@ computed: {
506
504
</p >
507
505
<script async src =" https://static.codepen.io/assets/embed/ei.js " ></script >
508
506
509
- <!-- ここ coordinate を調整で訳していたがそのままカタカナ語のほうが良さそう -->
510
-
511
507
ただ、そうするわけにはいかない場合や、より複雑な in と out の動きの扱いについてコーディネートする必要がある場合に、Vue は非常に便利な ** トランジションモード** というユーティリティを提供しています。
512
508
513
509
- ` in-out ` : 最初に新しい要素がトランジションして、それが完了したら、現在の要素がトランジションアウトする。
514
510
- ` out-in ` : 最初に現在の要素がトランジションアウトして、それが完了したら、新しい要素がトランジションインする。
515
511
516
- <!-- find が感じる?気づく? -->
517
-
518
512
::: tip
519
513
` out-in ` がほとんどの場合に求めているものと感じるはずです。
520
514
:::
You can’t perform that action at this time.
0 commit comments