什么是生命周期

 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