学习Vue3 第二十二章(transition-group过度列表)

lxf2024-04-06 12:25:53

  那么怎么同时渲染整个列表,比如使用 ?在这种场景下,我们会使用  组件。在我们深入例子之前,先了解关于这个组件的几个特点:

  <transition-group> 组件还有一个特殊之处。除了进入和离开,它还可以为定位的改变添加动画。只需了解新增的 v-move 类就可以使用这个新功能,它会应用在元素改变定位的过程中。像之前的类名一样,它的前缀可以通过 name attribute 来自定义,也可以通过 move-class attribute 手动设置下面代码很酷炫

  Vue 也同样可以给数字 Svg 背景颜色等添加过度动画 今天演示数字变化