vue生命周期：

每個Vue實例在被創(chuàng)建之前都要經(jīng)過一系列的初始化過程,這個過程就是vue的生命周期。

lifecycle.png

在Vue的整個生命周期中，它提供了一系列的事件，可以讓我們在事件觸發(fā)時注冊js方法，可以讓我們用自己注冊的js方法控制整個大局，在這些事件響應(yīng)方法中的this直接指向的是vue的實例。

beforeCreate（創(chuàng)建前）,

created（創(chuàng)建后）,

beforeMount(載入前),

mounted（載入后）,

beforeUpdate（更新前）,

updated（更新后）,

beforeDestroy（銷毀前）,

destroyed（銷毀后）

例子

<div id='app'>{{msg}}</div>
<script src='js/vue.js'></script>
<script>
new Vue({
   el:'#app',
   data:{
       msg:'hello vue'
   },
   beforeCreate:function(){
       alert('beforeCreated');
   },
   created:function(){
       alert('created')
   },
   beforeMount:function(){
         alert('beforMount')
   },
   mounted:function(){
       alert('mounted')
   }
})
</script>