vue의 생명주기 소결

    
    
    


    
{{a}}
        change
    





var myVue = new Vue({          
el: "#app",          
data: {
a: "Vue.js"        
}, 
methods:{
    change(){
        console.log('change Vue')
    }
} ,        
 beforeCreate: function() {     
    console.log("   ")            
    console.log(this.a)            
    console.log(this.$el)          
},         
 created: function() {
    console.log("    ");            
    console.log(this.a)            
    console.log(this.$el)          
},         
 beforeMount: function() {            
    console.log("mount  ")            
    console.log(this.a)            
    console.log(this.$el)          
},          
mounted: function() {            
    console.log("mount  ")            
    console.log(this.a)            
    console.log(this.$el)          
},          
beforeUpdate: function() {            
    console.log("   ");            
    console.log(this.a)            
    console.log(this.$el)          
},          
updated: function() {            
    console.log("    ");            
    console.log(this.a);            
    console.log(this.$el)          
},          
beforeDestroy: function() {            
    console.log("   ");            
    console.log(this.a)            
    console.log(this.$el)            
    console.log(this.$el)          
},          
destroyed: function() {           
    console.log("   ");          
    console.log(this.a)          
    console.log(this.$el)          
},

  });  

//vue에 관하여.js 생명주기에 대한 인식://this.a this.$el//beforeCreate: 만들기 전,N N//created: 만든 후Y N///beforeMount: 로드하기 전,Y Y(가상, 구덩이를 차지할 뿐)//mouted: 불러온 후 Y Y(진실)////before Update: 업데이트 전;//업데이트 d:업데이트 후;/////beforeDestory: 제거 전;//destroyed: 제거 후;////*forecreate: 로딩 이벤트를 추가할 수 있습니다. 예를 들어 실례를 불러올 때created를 터치합니다. 초기화가 완료되었을 때의 이벤트는 여기에 적혀 있습니다. 로딩 이벤트를 끝낼 때, 다른 요청도 mounted: 마운트 요소를 호출해서 DOM 노드 업데이트를 가져옵니다. 데이터를 통일적으로 처리하면여기에 해당하는 함수 before Destroy를 적으십시오: 정지 이벤트를 확인하는 확인 상자를 만들 수 있습니다 */