vue生命周期

Posted 2020-11-09 Y.anCy

 

生命周期就是 vue实例的创  到销毁的过程：

开始创建，初始化数据，编译模板，挂载dom,渲染 更新 渲染、预卸销毁。

 

export default{

//数据：

prop：[]，

　　data(){}

　　computed:(计算)

　　fifler:

//组件：

components:{}

//渲染周期

beforeCreate(){}监控data数据变化

created(){}

data+模板生成html

beforeMount(){}此时mounted还没有挂载到html上，reader混数首次被调用，

mounted(){}挂载完成，模板html已经渲染到html中 ，可以ajax 操作，仅仅执行一次。

beforeUpdate(){}  数据跟新之前调用，发送在虚拟dom和打补丁之后调用。不触发渲染过程；

update(){}由于数据跟新导致dom重新渲染和打补丁之后，调用时组件的dom已经更新 ；

watch：{}监控；

methods：{}//调用就执行，实时监控数据变化随时更新Dom；

}

beforeDestroy：{} 销毁前执调用，扔可以用；

destroy：{}//vue 所有实例销毁，所有的监控时间都被移除。