生命周期

生存周期

生存周期是想设置vue的哪些动作或者是vue在网页中的一些我们肉眼看不到的行为？带着这样的问题，我们可以进一步的学习下面的内容

1、首先我先简单的介绍一下什么是生存周期。Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。它也叫做钩子函数。

2、它有一系列的事件，如beforeCreate(创建之前)、created（创建之后）、beforeCompile（编译之前）、compiled（编译之后）、ready（将文本节点插入到文档中）；销毁事件：beforeDestroy（销毁之前）、destroyed（销毁之后）。

3、它的使用的方法：

<script>
  var vm=new Vue({
    el:'#box',
    data:{
      msg:'well'
    },
    created:function(){
      alert('实例创建完成');
    },
    beforeCompile:function(){
      alert('编译之前');
    }
  });
  </script>

4、如点击页面销毁vue对象：

document.onclick=function(){
  vm.$destroy();//vm实例
};