v3-directives

Directive collection for Vue3.

适用于 Vue3 的 指令集合。

Document

Document

Install

NPM

npm install v3-directives --save

Usage

import { vCopy } from 'v3-directives'
createApp(App).directive('copy', vCopy).mount('#app')

<script setup lang="ts">
  import { ref } from 'vue'

  const value = ref('You are about to copy these values')
</script>

<template>
  <button v-copy="value">click me to copy</button>
  <button
    @click="
      () => {
        value = 'Changed'
      }
    "
  >
    change the value to be copied
  </button>
</template>

List

• v-clickoutside.
• v-copy.
• v-debounce.
• v-doubleclick.
• v-draggable.
• v-flicker.
• v-hover.
• v-focus.
• v-imglazyload.
• v-loading.
• v-longpress.
• v-money.
• v-ononce.
• v-textellipsis.
• v-resize.

运行项目

安装依赖

npm install

启动本地调试

npm run docs:dev

编译打包，生成编译后的目录：es,lib

npm run build-tsc-esm-lib

Author

doom-9