simple use of legacy copy and paste

copy.vue

<template>
  <div id="app">
    <input 
           v-on:focus="$event.target.select()" 
           ref="myinput" 
           readonly 
           :value="text"/>
    <button @click="copy">Copy</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: 'This will get copied!'
    };
  },
  methods: {
    copy() {
      this.$refs.myinput.focus();
      document.execCommand('copy');
    }
  }
};
</script>