Vue.jsで作るクリックされたら全選択されるテキストエリア

Vue.jsにてテキストエリア、またはテキストボックスをクリックした際に
全選択させる方法
コピーしてリンクを共有してもらうようなテキストエリア用です。

sample.vue

<template>
  <div>
    <label for="fullPath">コピーして共有</label>
    <input ref="target" type="text" @click="$refs.target.select()">
    </form>
  </div>
</template>

input領域を用意します。ここはなんでも大丈夫です。テキスト選択できるようなUIが好ましいと思います。
<input type="text">

refを使ってDomのオブジェクトへの参照を定義します。

利用するときは$refs.{定義した名前}

文字選択のメソッド select() はJavascriptに実装されています。

JavascriptのサンプルだとonClick="this.select()"のように利用されているので
こちらをVue用にまるまる置き換えた形になります。