เรามาดูตัวอย่างการใช้ beforeMount ใน Vue.js กันครับ

beforeMount เป็น lifecycle hook ใน Vue.js มันจะถูกเรียกก่อน component's template จะ rendered

beforeMount จะถูกเรียกก่อน mounted() ส่วนมากจะเอาไว้สำหรับ fetching data จาก API หรือ initializing data

ไปดูตัวอย่างการใช้ beforeMount กัน

<template>
  <div>
    <p>{{ message }}</p>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  data() {
    return {
      message: ''
    }
  },
  beforeMount() {
    axios.get('http://example.com/data')
      .then(response => {
        this.message = response.data
      })
  }
}
</script>