Skip to content

@tripo3d/lens / vue / createTraceDirective

Function: createTraceDirective() ​

ts
function createTraceDirective(opts?): Directive<Element, TraceBinding>;

Defined in: src/vue/directive.ts:37

v-trace 指令:把(可含响应式变量的)绑定值映射为元素上的 data-trace* 属性, 采集全部交 @tripo3d/lens 的 DeclarativeCollector(点击委托 / 曝光登记 / 去重 / Remote Config 门控)。

  • mounted:首次写属性(同步早于 lens MutationObserver 微任务,不漏登记曝光)。
  • updated:响应式变化重渲染后刷新属性;配合 lens「触发时刻才读」,动态值自动进上报。
  • getSSRProps:SSR 把属性渲染进服务端 HTML,hydration 后 lens 直接可采集。

Parameters ​

ParameterType
optsTraceDirectiveOptions

Returns ​

Directive<Element, TraceBinding>

基于 MIT 协议发布(内部使用)