---

1. 单节点的过渡

1.1 应用场景

Vue 提供了标签为 transition 的 内置组件，在：

• 元素或组件初始渲染时；
• 元素或组件显示/ 隐藏时(使用v-if 或早show 进行条件渲染时)；
• 元素或组件切换时。

我们可以给任何元素和组件添加进入/ 离开时的过渡动画。

1.2 定义过渡效果的方式

Vue 允许用户使用 CSS 和 JS 两种方式来定义过渡效果。

1. 使用 CSS 过渡：需预置符合Vue 规则的带样式的类名（用于定义过渡不同阶段时的样式:）

   类名	说明
   v-enter