Skip to content

Vue2的声明周期有哪些,数据请求放在哪个钩子

查看Vue2文档图片,红色空心框中的文字皆为生命周期钩子。

  1. create x 2(before + ed)- SSR
  2. mount x 2
  3. update x 2
  4. destroy x 2

还有三个写在钩子列表里:

  1. activated - 与 keep-alive 使用在一起,被 keep-alive 缓存的组件激活时调用。
  2. deactivated - keep-alive 缓存的组件失活时调用。
  3. errorCaptured - 组件发生错误的时候进行调用。

请求放在 mounted 里面,因为放在其他地方都不合适(xjb扯,有些请求可以放在其他的钩子里)。

放在 created 里如果有使用SSR,会在前端和后端都执行一次(SSR会去执行 created 中的请求),mounted 并不会。

update 钩子里请求,可能过于频繁。