input type="file"はstyle="display:none"としておく
画像選択ダイアログを呼び出すためのボタンを設置
v-on:clickでinputタグをquerySelectorで取得し、.click()を発火させる→画像ダイアログが出てくる
ファイルの変更を検知する
inputタグにv-on:changeを付与することで、ファイルが変更された際の処理を記述
そこでaxiosを使って選択された画像をアップロードする
登録直後の画像の更新
imgタグのsrc属性をdata()内で定義してやる
ファイルのアップロードが成功したら、クエリストリングでタイムスタンプを追加してあげることで、画像が再読込され更新される。
githubにサンプルコードアップした