【Vue&Tsx】Vue3中的tsx的相关写法集锦

自定义指令

import MyDirective from "@/directives/MyDirective.ts";

export const MyComponent = defineComponent({
    name: "MyComponent",
    directives: {
        fullscreen: MyDirective,
    },
    setup()=>{
        return () => (
            <div v-fullscreen:arg={["value", ["modifier"]}>Hello World</div>
        )
    }
})

等价于

<template>
    <div v-fullscreen.modifier:arg="value">Hello World</div>
</template>