<script>
export default {
  date() {
    return {
      a: 'hi'
    }
  },
  **beforeCreate()** {
    console.log('Before Create')
  },
  **created()** {
    console.log('Created')
  },
  **beforeMount()** {
    console.log('Before Mount')
  },
  **mounted()** {
    console.log('mounted')
  }
}
</script>

• beforeCreate() : App.vue의 인스턴스가 생성되기 이전
• created() : App.vue의 인스턴스가 생성된 직후 (데이터가 정의된 직후)
• beforeMount() : App.vue의 인스턴스가 html과 연결되기 이전
• mounted() : App.vue의 인스턴스가 html과 연결된 직후 (브라우저에 보여지는 상태)