vue--生命周期函数

生命周期函数：就是组件挂载，以及组件更新，销毁的时候触发的一系列的方法，这些方法就叫做生命周期函数。
作用：在组件创建，更新的时候，可以自动触发一些方法。

生命周期函数： 8个生命周期函数
在创建之前有一个：beforeCreate
在创建成功有个：created
挂载组件有一个：beforeMount
挂载组件完成之后有一个：mounted
在更新数据的时候有个 beforeUpdate
在更新数据完成之后一个 updated
在组件销毁前有一个：beforeDestroy
在组件销毁之后有一个：destroyed

<script>
export default {
  name: 'App',
  data (){
    return {
      msg:"你好！",
      text:'不错！',
      list:[]
    }
  },
  methods:{
    setMsg(){
      this.msg = "改变之后的数据";
    }
  },
  beforeCreate(){
    console.log("实例创建之前");
  },
  created(){
    console.log("创建成功");
  },
  beforMount(){
    console.log("模板编译之前");
  },
  mounted(){
    console.log('模板编译之后');
  },
  beforeUpdate(){
    console.log('数据更新前');
  },
  update(){
    console.log('数据更新后');
  },
  beforeDestroy(){
    console.log('实例销毁前');
  },
  destroyed(){
    console.log('实例销毁后');
  }
}
</script>