vue(五)ライフサイクル関数

  
  
  
  
  


  

    
    
{{ msg }}
  
  
    new Vue({
      el:'#app',
      data:{
        msg:'ok'
      },
      methods:{},
      beforeCreate(){
        //            Vue  new       
      },
      created () {
        // *
        // Vue            
      },
      beforeMount () {
        //                           
        // console.log(document.getElementById('h3').innerText);
      },
      mounted () {
        // *
        //                
        //                            
        // console.log(document.getElementById('h3').innerText);
      },
      beforeUpdate () {
        //         
        //  data        ，                 
        console.log(document.getElementById('h3').innerText);
      },
      updated () {
        //         data          
      },
      beforeDestroy () {
        // Vue                      data methods          
      },
      destroyed () {
        // vue                    
      }
    })