vue生命周期

生命周期钩子函数

beforeCreate(){	
	// 第一个周期函数，此时，这个对象身上，只有一些生命周期函数和默认的事件，其他的都未创建,data和methods都都还没有初始化
}
created(){
    // data和methods都已经初始化好了，如果要调用methods中的方法，或者操作data中的数据，最早在这里可以
}
beforeMount(){
	// 模板已经编译完成，但是尚未把模板渲染到页面中
console.log(document.gtElementById('h3').innerText)
// {{msg}}
}
Mounted(){
    // 实例创建期间的最后一个生命周期函数，执行完mounted，实例就已经完全创建好了。
    // 操作dom最早的生命周期
}
beforeUpdate(){
    //数据改变，触发这个钩子，但是界面还没有被更新
    // data中的数据是最新的，但是页面上显示的数据是旧的。
}
updated(){
   //执行这个钩子的时候，内存和页面上的数据都是最新的。 
}
beforeDestroy(){
    //销毁阶段，实例身上的所有的data和所有的methods，指令，等都处于可用状态，还没有真正执行销毁过程
}
destroyed(){
	// 组件已经被完全销毁了，此时，组件中所有的数据，方法，指令，都不可以用了
}