动画时机控制

默认的 v-click 按书写顺序逐个出现。需要调整顺序、跳号、合并批次时，用时机参数精确控制每个元素出现的点击序号。

相对时机 +1 +2

在 v-click 上追加偏移值，让该元素相对前一个元素延迟出现：

- v-click 第 1 次点击出现
- v-click +1 第 2 次点击出现
- v-click +2 第 3 次点击出现

• v-click 等价于 v-click +0，跟随前一个
• +1 表示在前一个出现的下一次点击出现
• +2 表示再往后一次

相对时机适合调整"前后顺序"而不用重排代码。

绝对时机 {1} {2}

在 v-click 中直接写绝对序号（花括号内），元素在指定次点击时出现：

- v-click 默认（跟随前一个）
- v-click {1} 第 1 次点击就出现
- v-click {3} 第 3 次点击才出现
- v-click {2} 第 2 次点击出现（乱序也没关系）

• 序号从 1 开始
• 绝对时机允许乱序指定：书写顺序与出现顺序可以不同
• 多个元素可以指向同一个序号（同一批出现）

混合时机

相对与绝对可以混用，实现复杂编排：

::v-click{at=1}

标题区：第 1 次点击出现

::

::v-click{at=2}

说明区：第 2 次点击出现

::

::v-click{at=2}

补充区：与说明区同批出现

::

<v-click at="2">第 2 次点击出现的元素</v-click>

• at=2 等价于绝对序号 {2}
• 同序号元素共享一次点击，画面同时展开

自定义总点击次数 v-click="0"

元素可以用 0 作为序号：不消耗点击次数，页面进入时即显示：

- v-click="0" 进入页面就显示
- v-click 第 1 次点击出现
- v-click 第 2 次点击出现

0 号元素的出现不增加页面点击总步数，适合"固定背景 + 逐层内容"的页面设计。

时机组合速查表

写法	含义
v-click	跟随前一个（+0）
v-click +1	比前一个晚一次点击
v-click +2	比前一个晚两次点击
v-click {2}	第 2 次点击时出现（绝对）
v-click at="3"	第 3 次点击时出现（属性写法）
v-click="0"	不消耗点击，进入即显示
v-click.hide	点击后隐藏（反向）

实战编排示例

先出问题、再出答案

# Q: 什么是 O(n log n)？

::v-click{at=2}

归并排序、快速排序（平均）的时间复杂度。

::

::v-click{at=3}

**为什么？** 分治：每层 O(n)，共 log n 层。

::

三批逐步讲解

::v-click{at=1}

**概念**：先讲定义。

::

::v-click{at=2}

**推导**：再讲来源。

::

::v-click{at=3}

**例子**：最后给示例。

::

使用建议

场景	推荐写法
顺序展开	默认 v-click 即可
微调顺序	相对时机 +1
打乱顺序 / 合并批次	绝对时机 {n}
页面固定元素	v-click="0"
反问答疑	先隐藏答案，{n} 指定揭示时机

精确控制时机后，页面就能按演讲思路"指哪打哪"，动画节奏与讲解语言完全同步。