Vue.js コンポーネントで初期フォーカスを設定する

Vue.jsで初期フォーカスを設定する方法を紹介します。例えばモーダル画面が表示された時、モーダルのコンポーネントの中のテキストボックスにフォーカスを当てたい場合などがあります。ref属性を指定すると、JavaScriptのgetElementByIdで取得したときのように、elementとしてコントロールにアクセスできるようになります。createdのイベントだとまだ要素にアクセスできない状態なので、初期フォーカスをしたい場合はmountedのイベントで行う必要があります。