高亮代码行
要想高亮特定行,只需在括号 {}
中添加行号即可。行号默认从 1 开始。
md
```ts {2,3}
function add(
a: Ref<number> | number,
b: Ref<number> | number
) {
return computed(() => unref(a) + unref(b))
}
```
动态逐行高亮
要更改多次点击中高亮的内容,可以使用 |
分隔每个阶段:
md
```ts {2-3|5|all}
function add(
a: Ref<number> | number,
b: Ref<number> | number
) {
return computed(() => unref(a) + unref(b))
}
```
这会首先高亮 a: Ref<number> | number
and b: Ref<number> | number
,然后在点击一次后是 return computed(() => unref(a) + unref(b))
,最终高亮整个块。
你可以将行号设置为 hide
以隐藏代码块,或设置为 none
以不突出显示任何行:
md
```ts {hide|none}
function add(
a: Ref<number> | number,
b: Ref<number> | number
) {
return computed(() => unref(a) + unref(b))
}
```
TIP
你可以在 点击动画指南 中了解更多。