Vue.js 를 이용한 파일 업로드 만들기

<div id="app">
  <div class="custom-file">
    <input id="customFile" type="file" @change="handleFileChange"/>
    <label class="custom-file-label" for="customFile">{{file_name}}</label>
  </div>
</div>

<script>
var app = new Vue({
  el: '#app',
  data: {
    file_name: "파일을 선택하세요.",
    message: "Hello, world",
  },
  methods: {
    handleFileChange(e) {
      this.file_name = e.target.files[0].name;
    }
  }

})

</script>