vue 内置组件
- Transition 过度
- <Transition> 会在一个元素或组件进入和离开 DOM 时应用动画。
- TransitionGroup 过渡组
- <TransitionGroup> 会在一个元素或组件被插入到v-for列表中,或是被移动或从其中移除时应用动画。
- 动画技巧
- Vue 提供了<Transition>和<TransitionGroup>组件来处理进入、离开和列表的过渡。然而,在网页上制作动画的方式非常多,即使是在一个 Vue 应用中也是如此。这里我们会探讨一些别的技巧。基于 CSS 类的动画对于那些不是正在进入或离开 DOM 的元素,
- KeepAlive 缓存组件
- <KeepAlive> 是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例。
- Teleport 传送模板
- <Teleport> 是一个内置组件,使我们可以将一个组件的一部分模板“传送”到该组件的 DOM 层次结构之外的 DOM 节点中。
- Suspense 异步依赖
- <Suspense> 是一个内置组件,用来在组件树中编排异步依赖。它可以在等待组件树下的多个嵌套异步依赖项解析完成时,呈现加载状态。