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

Vanisper

已于 2023-07-09 15:07:49 修改

阅读量221

点赞数

分类专栏： TypeScript 前端 Vue 文章标签： vue.js 前端 typescript

于 2023-07-09 15:05:12 首次发布

本文链接：https://blog.youkuaiyun.com/qq_29626125/article/details/131622887

版权

TypeScript 同时被 3 个专栏收录

2 篇文章

订阅专栏

前端

1 篇文章

订阅专栏

Vue

1 篇文章

订阅专栏

文章介绍了如何在Vue.js中创建并使用自定义指令`MyDirective`，展示了在`MyComponent`组件内注册并应用该指令的过程，特别是`v-fullscreen`指令的用法，它允许通过`arg`参数和修饰符来控制显示行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义指令

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>