reactiveTransform

reactiveTransform 是一个辅助函数，用于创建一个与 HTML style 属性兼容的响应式对象。

参数

props

用于创建响应式对象的默认 TransformProperties 对象。

公开

state

要操作的响应式 TransformProperties 对象。

style

与 transform 属性 兼容的响应式字符串。

示例

<template>
  <div :style="{transform}" @click="shift" />
</template>

<script setup>
const { state, transform } = reactiveTransform({
  x: 100,
  y: 25,
  rotate: 25,
})

const shift = () => {
  state.x += 100
}
</script>
目录