VueJs ตัวอย่างการใช้ beforeMount

เรามาดูตัวอย่างการใช้ 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>


Copyright © 2023 Devcode Code Example - Powered by www.doesystem.com