gpt4 book ai didi

vue.js - vuejs中的beforeMount和created生命周期钩子(Hook)有什么区别

转载 作者:行者123 更新时间:2023-12-02 02:38:09 26 4
gpt4 key购买 nike

我仍然不清楚应该在哪里使用 beforeMount 以及在哪里创建生命周期 Hook 。在我看来,在这两种情况下, react 数据都已加载,并且是在 DOM 挂载之前。

最佳答案

在大多数情况下,使用 beforeMount 还是 created 并不重要,但在某些情况下很重要:

访问根 Vue 组件挂载的原始 DOM 元素

  • 可用于与任何服务器端渲染框架(php、rails 等)集成
  • 解释和示例 - When to use the lifecycle method beforeMount in vue.js?
  • created 钩子(Hook) this.$el 中是 undefined,在 beforeMount 中它是原始未修改的元素,在mounted 它是由您的组件/模板创建的根元素

服务器端渲染(Nuxt、Vuepress 等)

  • docs
  • beforeCreatecreated 只是在服务器上调用的钩子(Hook)
  • 这意味着您不应在 created 中使用任何需要 windowdocument 或任何浏览器 API 的代码,因为这些代码不会出现在服务器
  • 另一方面,放置在 beforeMount(或 mounted)中的代码仅在客户端(浏览器)上执行

关于vue.js - vuejs中的beforeMount和created生命周期钩子(Hook)有什么区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64026393/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com