Vue.js vuejs中的beforeMount和创建的生命周期挂钩有什么区别

Vue.js vuejs中的beforeMount和创建的生命周期挂钩有什么区别,vue.js,Vue.js,我仍然不清楚应该在哪里使用beforeMount以及在哪里创建生命周期挂钩。在我看来,在这两种情况下,反应性数据都已加载,而且都是在安装DOM之前加载的。在初始渲染发生之前和编译模板或渲染函数之后(当vm.$el尚未创建时),beforeMount钩子运行 created是组件初始化之后的步骤(您可以通过创建的钩子访问活动的反应数据和事件。模板和虚拟DOM尚未装入或呈现)在大多数情况下,无论您是在安装前使用还是在创建时使用,都无关紧要,但在某些情况下,这很重要: 访问您的根Vue组件所装载的原始

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

在初始渲染发生之前和编译模板或渲染函数之后(当vm.$el尚未创建时),
beforeMount
钩子运行


created
是组件初始化之后的步骤(您可以通过创建的钩子访问活动的反应数据和事件。模板和虚拟DOM尚未装入或呈现)

在大多数情况下,无论您是在安装前使用
还是在创建
时使用
,都无关紧要,但在某些情况下,这很重要:

访问您的根Vue组件所装载的原始DOM元素
  • 可用于与任何服务器端呈现框架(php、rails等)集成
  • 解释和示例-
  • created
    hook
    this.$el
    未定义的
    ,在
    beforeMount
    中是原始的未修改元素,在
    mounted
    中是由组件/模板创建的根元素
服务器端渲染(Nuxt、Vuepress等)
  • beforeCreate
    created
    是服务器上唯一调用的挂钩
  • 这意味着您不应使用任何需要
    窗口
    文档
    的代码,也不应使用创建的
    中的任何浏览器API,因为这些API不会出现在服务器上
  • 另一方面,装入前
    中的代码(或装入的
    中的代码)仅在客户端上执行

这是否回答了您的问题@这解释了在安装前使用它什么时候有用,但并不是两者之间的区别