天天看点

生命周期

 什么是生命周期

 vue的生命周期指的是vue在运转过程中各个关键位点的挂钩

beforcreate:组件在创建之前

create: 组件已经创建属性绑定,但是还没有挂载,$el不可用,dom还没生成

beforemount:在组件挂载之前执行

mounted:组件挂载完毕,dom已经生成,$el可用

beforeupadte:数据更新前

update:组件数据更新之后

activated:keep-alie 专属  组件被激活时调用

deactivated:keep-alie 专属 离开时调用

beforedestory:组件销毁前

destory:销毁时触发

注:父子组件时触发钩子的顺序

父 beforecreate  -- 父create  -- 父beforemount -- 子beoforecreate  --  子craete  --  子mounted -- 父mounted

子组件更新

父 beforeupdate --  子beforeupdate --  子update -- 父update

父组件更新 

父 beforeupdate -- 父update

摧毁过程

父 beforedestroy -- 子beforedestroy -- 子destroy -- 父destroy

继续阅读