라이프사이클

라이프사이클

https://ryuzuka.github.io/VUE/tutorial/02_lifeCycle.html

• Vue life cycle

Create > Mount > Update > Destroy

new Vue({

// Create

beforeCreate () { console.log( 'beforeCreate: 인스턴스 생성 전 호출' ) },

created () { console.log( 'created: 인스턴스 생성 후 호출' ) },

// Mount

beforeMount () { console.log( 'beforeMount: 컴포넌트 DOM 추가 전 호출' ) },

mounted () { console.log( 'beforeMount: 컴포넌트 DOM 추가 후 호출' ) },

// Update

beforeUpdate () { console.log( 'beforeUpdate: data가 변경되어 DOM 렌더링 전 호출' ) },

updated () { console.log( 'updated: data가 변경되어 DOM 렌더링 후 호출' ) },

// Destroy

beforeDestroy () { console.log( 'beforeDestroy: 인스턴스 파괴 전 호출' ) },

destroyed () { console.log( 'destroyed: 인스턴스 파괴 후 호출' ) }

});