Lifecycle은 Vue Instance의 상태에 따라 호출할 수 있는 속성입니다.
Instance가 생성되거나 수정되거나 삭제되었을때 호출할 수 있습니다.

<script>
    new Vue({
        el: '#app',
        data : {
            message : 'Hello World'         
        },
        beforeCreate : function () {
            console.log("beforeCreate");
        },
        created : function () {
            console.log("created");
        },
        mounted : function () {
            console.log("mounted");
            this.message = "Hello Vue!";
        },
        updated : function () {
            console.log("updated");
        }

    });
</script>

• beforeCreate – Instance 생성 후 가장 처음 실행되는 단계
• created – beforeCreate 다음 단계에 실행되는 단계. data에 접근할 수 있는 단계
• beforeMount – render() 함수로 변환한 후 화면에 부착되게 전 단계
• mounted – Instance에 화면에 부착되고 나서 호출하는 단계
• beforeUpdate – 데이터가 변경되면 화면에 다시 그리기 전의 단계
• updated – 데이터가 변경되고 화면에 다시 그리고나면 실행되는 단계
• beforeDestory – Instance가 파괴되기 직전에 호출되는 단계
• destoyed – Instance가 파괴되고 나서 호출되는 단계

위 예제 소스는 Lifecycle이 어떻게 작동되는지 보여주는 예제입니다.
mounted 단계에서 미리 정의된 data가 변경됩니다.
위처럼 Lifecycle에 원하는 로직을 추가하여 원하는 시점에 실행할 수 있습니다.