vue2.0常用钩子

一、keepalive组件钩子函数

1,activated钩子函数是在组件被激活后的钩子函数,mounted是不保证组件在document中,也就是组件还没有被激活,因此可以理解为activated执行在mounted之后。

在跳转传值时,接收参数的页面中可能获取不到第二次传的值,放在activated中,可以获取到值的变化。

二,vue2.0中常用的钩子函数有:

beforeCreated:组件实例刚被创建,组件属性计算之前,如data等;

created:组件实例创建完成,属性已绑定,但DOM还未生成,$el属性还不存在;

beforeMount: 编译/挂载之前;

mounted: 编译/挂载之后(不保证组件已在document中);

beforeUpdate: 组件数据(data)更新前;

updated: 组件内数据(data)更新后;

activated: 组件被激活时调用;

deActivated: 组件被移除时调用;

beforeDestory: 组件被销毁之前;

destoryed: 组件被销毁之后。

三,注意点

1,防止白屏,接口请求会写在mounted钩子里面,不会出现该问题,就可以防止created里面。

你可能感兴趣的:(vue.js)