Vue.js_라이프 사이클

<router 속성>

한개의 페이지로 여러페이지를 왔다 갔다 할 수 있도록 하는 기능을 해줍니다.

<사용 방법>

router-link : a태크와 비슷한 역할로 router을 사용할 때 다른 페이지 로딩하지 않고 다른 페이지로 이동할 수 있도록 하는 기능입니다.

선언 하면 사용할 수 있습니다.

<router-link to= "/파일이름">

---

// 기본 구조

<template>
 // html 코드
</template>

<script>
export default{
	속성 , 옵션, 메소드 등 
}
</script>

<style scoped>
// scoped는 현재 페이지에만 적용 하도록 하는 명령어
  
  css 코드
  	
</style>

<components 속성>

여러 군데에서 재사용하기 위해 사용 합니다.

<라이프 사이클>

<created 속성> : 서버에 요청을 보내고 응답 받은 데이터를 업데이트 해줄 때 사용합니다.

created(){
	
	코드...

}

<beforeMount()>

<mounted()>

<beforeUpdate()>

<updated()>

<beforeDestroy()>

<destroyed()>