vue clipboard

// 引入 Vue 和 vue-clipboard2 插件
import Vue from 'vue';
import VueClipboard from 'vue-clipboard2';

// 使用插件
Vue.use(VueClipboard);

// 定义一个 Vue 组件
new Vue({
  el: '#app',
  data() {
    return {
      textToCopy: '这是要复制的文本'
    };
  },
  methods: {
    copyText() {
      this.$copyText(this.textToCopy).then(function (e) {
        alert('文本已复制到剪贴板');
      }).catch(function (e) {
        alert('复制失败');
      });
    }
  }
});

解释说明：

1. 引入依赖：首先，我们需要引入 Vue 和 vue-clipboard2 插件。
2. 使用插件：通过 Vue.use(VueClipboard) 来安装插件，使其可以在整个应用中使用。
3. 定义组件：创建一个 Vue 实例，并在 data 中定义要复制的文本 textToCopy。
4. 方法定义：在 methods 中定义 copyText 方法，该方法调用 this.$copyText 来复制文本。成功后会弹出提示框显示“文本已复制到剪贴板”，如果失败则显示“复制失败”。

这样就可以轻松实现点击按钮复制文本到剪贴板的功能。