vueuse 自带的 useclipboard 功能

import { useClipboard } from '@vueuse/core'
  
  const source = ref('Hello')
  const { text, copy, copied, isSupported } = useClipboard({ source })
    <div v-if="isSupported">
    <button @click='copy(source)'>
      <span v-if='!copied'>Copy</span>
      <span v-else>Copied!</span>
    </button>
    <p>
      Current copied: <code>{{ text || 'none' }}</code>
    </p>
  </div>
  <p v-else>
    Your browser does not support Clipboard API
  </p>