vue实现复制粘贴功能

Vue.js 本身并没有提供复制粘贴的功能，但是可以通过使用浏览器提供的 Clipboard API 来实现。

首先，在你的 Vue 组件中引入 Clipboard API：

import ClipboardJS from 'clipboard';

然后，在 mounted 钩子函数中实例化 ClipboardJS，并设置复制和粘贴的回调函数：

mounted() {
  const clipboard = new ClipboardJS('.copy-btn');

  clipboard.on('success', e => {
    console.log('Copied text: ', e.text);
  });

  clipboard.on('error', e => {
    console.log('Error: ', e.action);
  });
}

这里的 `.copy-btn` 是你页面中用于触发复制的按钮的 class 名称，注意要在按钮上设置 `data-clipboard-text` 属性来指定要复制的文本内容。

<button class="copy-btn" data-clipboard-text="要复制的文本">复制</button>

以上就是基本的复制功能实现，如果要实现粘贴功能，可以使用 `navigator.clipboard.readText()` 方法来读取剪贴板中的文本内容，具体代码如下：

async handlePaste() {
  const text = await navigator.clipboard.readText();
  console.log('Pasted text: ', text);
}

在该代码中，`handlePaste` 方法会在粘贴事件触发时被调用，然后使用 `navigator.clipboard.readText()` 方法读取剪贴板中的文本内容，并将其打印到控制台中。

注意，由于该 API 目前并不是所有浏览器都支持，所以建议在使用之前检查一下是否支持该 API。