我仍然不清楚应该在哪里使用 beforeMount 以及在哪里创建生命周期挂钩。在我看来,在这两种情况下,反应数据都已加载,并且是在 DOM 挂载之前。
大多数情况下,是否使用并不重要beforeMount
or created
但有一些地方很重要:
访问根 Vue 组件挂载的原始 DOM 元素
- 对于与任何服务器端渲染框架(php、rails 等)集成非常有用
- 解释和示例 -何时在 vue.js 中使用生命周期方法 beforeMount? https://stackoverflow.com/questions/57077104/when-to-use-the-lifecycle-method-beforemount-in-vue-js
- in
created
hook this.$el
is undefined
, in beforeMount
它是原始的未修改的元素,在mounted
它是由您的组件/模板创建的根元素
服务器端渲染(Nuxt、Vuepress 等)
- docs https://ssr.vuejs.org/guide/universal.html#component-lifecycle-hooks
-
beforeCreate
and created
仅在服务器上调用钩子
- 这意味着您不应该使用任何需要的代码
window
, document
或任何浏览器 APIcreated
因为这些不会出现在服务器上
- 另一方面代码放置在
beforeMount
(or mounted
) 被执行仅在客户端上(浏览器)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)