Introduction

v3-directives is a custom directive library based on Vue3. It aims to provide rich and powerful directive functionalities to help developers easily extend and customize Vue3 applications.

With v3-directives, you can change the behavior and style of elements in a simple and flexible way. It helps enhance user interaction experience and optimize page performance.

Basic Example

Value to be copied: Value to be copied

<script setup>
import { ref } from 'vue'

const change = ref('Changed value')
const value = ref('Value to be copied')
</script>

<template>
  <button v-copy="value">Click to copy</button>
  <input type="text" v-model="change"/>
  <button @click="() => value = change">
    Change the value to be copied
  </button>
</template>