vue生命周期

vue生命周期：

每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。

lifecycle.png

在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的是vue的实例。

beforeCreate（创建前）,

created（创建后）,

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>