@@ -13,7 +13,7 @@ Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用
13
13
- 在过渡钩子函数中使用 JavaScript 直接操作 DOM
14
14
- 可以配合使用第三方 JavaScript 动画库,如 Velocity.js
15
15
16
- 在这里,我们只会讲到进入、离开和列表的过渡,你也可以看下一节的 [ 管理过渡状态] ( transitioning-state.html ) 。
16
+ 在这里,我们只会讲到进入、离开和列表的过渡,你也可以看下一节的[ 管理过渡状态] ( transitioning-state.html ) 。
17
17
18
18
## 单元素/组件的过渡
19
19
@@ -98,13 +98,13 @@ new Vue({
98
98
99
99
2 . ` v-enter-active ` :定义进入过渡生效时的状态。在整个进入过渡的阶段中应用,在元素被插入之前生效,在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间,延迟和曲线函数。
100
100
101
- 3 . ` v-enter-to ` :** 2.1.8 版及以上** 定义进入过渡的结束状态。在元素被插入之后下一帧生效 (与此同时 ` v-enter ` 被移除),在过渡/动画完成之后移除。
101
+ 3 . ` v-enter-to ` :** 2.1.8 版及以上** 定义进入过渡的结束状态。在元素被插入之后下一帧生效 (与此同时 ` v-enter ` 被移除),在过渡/动画完成之后移除。
102
102
103
103
4 . ` v-leave ` :定义离开过渡的开始状态。在离开过渡被触发时立刻生效,下一帧被移除。
104
104
105
105
5 . ` v-leave-active ` :定义离开过渡生效时的状态。在整个离开过渡的阶段中应用,在离开过渡被触发时立刻生效,在过渡/动画完成之后移除。这个类可以被用来定义离开过渡的过程时间,延迟和曲线函数。
106
106
107
- 6 . ` v-leave-to ` :** 2.1.8 版及以上** 定义离开过渡的结束状态。在离开过渡被触发之后下一帧生效 (与此同时 ` v-leave ` 被删除),在过渡/动画完成之后移除。
107
+ 6 . ` v-leave-to ` :** 2.1.8 版及以上** 定义离开过渡的结束状态。在离开过渡被触发之后下一帧生效 (与此同时 ` v-leave ` 被删除),在过渡/动画完成之后移除。
108
108
109
109
![ Transition Diagram] ( /images/transition.png )
110
110
@@ -785,7 +785,7 @@ new Vue({
785
785
</style >
786
786
{% endraw %}
787
787
788
- 同时生效的进入和离开的过渡不能满足所有要求,所以 Vue 提供了 ** 过渡模式**
788
+ 同时生效的进入和离开的过渡不能满足所有要求,所以 Vue 提供了** 过渡模式**
789
789
790
790
- ` in-out ` :新元素先进行过渡,完成之后当前元素过渡离开。
791
791
@@ -960,7 +960,7 @@ new Vue({
960
960
961
961
- 不同于 ` <transition> ` ,它会以一个真实元素呈现:默认为一个 ` <span> ` 。你也可以通过 ` tag ` attribute 更换为其他元素。
962
962
- [ 过渡模式] ( #过渡模式 ) 不可用,因为我们不再相互切换特有的元素。
963
- - 内部元素 ** 总是需要** 提供唯一的 ` key ` 属性值。
963
+ - 内部元素** 总是需要** 提供唯一的 ` key ` 属性值。
964
964
- CSS 过渡的类将会应用在内部的元素中,而不是这个组/容器本身。
965
965
966
966
### 列表的进入/离开过渡
@@ -1519,7 +1519,7 @@ Vue.component('my-special-transition', {
1519
1519
<!-- ... -->
1520
1520
</transition >
1521
1521
```
1522
- 当你想用 Vue 的过渡系统来定义的 CSS 过渡/动画 在不同过渡间切换会非常有用 。
1522
+ 当你想用 Vue 的过渡系统来定义的 CSS 过渡/动画在不同过渡间切换会非常有用 。
1523
1523
1524
1524
所有过渡 attribute 都可以动态绑定,但我们不仅仅只有 attribute 可以利用,还可以通过事件钩子获取上下文中的所有数据,因为事件钩子都是方法。这意味着,根据组件的状态不同,你的 JavaScript 过渡会有不同的表现。
1525
1525
0 commit comments