嵌套Suspense出现空节点?suspensible属性帮你理清边界2026-05-31 vueVue 3.3+支持嵌套Suspense,但嵌套异步组件切换时会出现空节点问题。本文详解嵌套Suspense的边界问题、suspensible属性的作用、为什么不设置suspensible会出现空节点和多次修补周期,以及正确的嵌套写法。#基础入门 #Suspense #suspensible阅读更多
异步出错了Suspense不管?errorCaptured和组件嵌套顺序得搞清楚2026-05-31 vueVue 3 Suspense自身不处理错误,需要用errorCaptured选项或onErrorCaptured钩子在父组件捕获异步错误。本文详解错误捕获机制、Suspense与Transition、KeepAlive、RouterView …#基础入门 #Suspense #Transition +2阅读更多
Suspense的fallback和三个事件,加载状态原来这么玩2026-05-31 vueVue 3 Suspense用#default和#fallback两个插槽管理加载状态,还有pending、resolve、fallback三个事件。本文详解挂起和完成状态的切换、timeout属性怎么控制回退时机、三个事件的触发时机和实战 …#基础入门 #Suspense #加载状态阅读更多
列表项一个接一个入场?渐进延迟动画让列表活起来2026-05-31 vueVue 3 TransitionGroup支持通过JavaScript钩子和data属性实现渐进延迟动画,让列表项一个接一个地入场。本文详解data-index的用法、:css=“false"配合JS钩子、GSAP实现 …#基础入门 #TransitionGroup #GSAP阅读更多
列表项删了旁边的却蹦走了?move动画和FLIP让你丝滑如初2026-05-31 vueVue 3 TransitionGroup的移动动画是列表动画的灵魂。本文详解为什么删除列表项时周围元素会"跳跃"、FLIP动画原理、move类名的用法、position absolute的关键作用、moveClass自 …#基础入门 #TransitionGroup阅读更多
列表动画用TransitionGroup还是Transition?它俩到底啥区别2026-05-31 vueVue 3的TransitionGroup是专门给v-for列表添加动画的内置组件。本文从TransitionGroup和Transition的核心区别讲起,搞清楚什么时候该用哪个、tag属性怎么用、key为什么必须加、列表项的进入和离开动 …#基础入门 #v-for #TransitionGroup +1阅读更多