关于vue.js:vue20常用钩子

5次阅读

共计 499 个字符,预计需要花费 2 分钟才能阅读完成。

一、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 外面。

正文完
 0