对于VUE生命周期的初步了解

周期:

1.初始化周期

        1)beforeCreate        vue对象实例化之前(刚刚开始)

        2)Created

        3)beforeMount

        4)Mounted               到了这一步则表示对象实例化成功(DIV渲染完成)

/*===============初始化刚刚开始===================*/
//在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
beforeCreate(){
	console.log("beforeCreate")
},
//在实例创建完成后被立即调用
created(){
	console.log("created")
},
//在挂载开始之前被调用：相关的 render 函数首次被调用。
beforeMount(){
	console.log("beforeMount")
},
//实例被挂载后调用，这时 el 被新创建的 vm.$el 替换了。
mounted(){
	console.log("mounted")	
},
/*=============执行到这里表示初始化完成==============*/

2.修改周期

        1)beforeUpdate        用户修改数据前调用

        2)Updated                用户修改数据后调用

/*================修改周期===============*/
//数据更新时调用，发生在虚拟 DOM 打补丁之前
beforeUpdate(){
	console.log("beforeUpdate")
},
//由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。
updated(){
	console.log("updated")
},
/*=======================================*/

3.销毁周期

        1)beforeDestroy        VUE对象销毁前

        2)Destroyed              VUE对象销毁后(最后一步)

/*================销毁周期===============*/
//实例销毁之前调用。在这一步，实例仍然完全可用
beforeDestroy(){
	console.log("beforeDestroy")	
},
//实例销毁后调用。
destroyed(){
	console.log("destroyed")
},
methods:{
	destroy(){
		this.$destroy()
	}
}
/*=======================================*/

生命周期函数的作用:

        如果需要对VUE对象中的数据进行额外的操作,则使用生命周期函数.

        目的: 为了使框架具有更好的扩展性.(实现定制化)