目录

Vue beforeMount 生命周期挂钩

❮ 上一节 Vue 生命周期钩子参考下一节 ❯

示例

使用beforeMount和mounted生命周期挂钩来证明组件的 DOM 元素在mounted钩。

export default {
  data() {
    return {
      refsObj1: '',
      refsObj2: ''
    }
  },
  beforeMount() {
    this.refsObj1 = this.$refs; // The $refs object is empty at this point
  },
  mounted() {
    this.refsObj2 = this.$refs;
  }
}

运行示例 »

定义和用法

这个beforeMount生命周期钩子发生在组件之前mounted，所以就在组件被添加到 DOM 之前。

因为该组件不是mounted然而，我们可以访问组件实例内部的属性，例如data或者computed，但是我们无法访问组件的 DOM 元素，因为它们尚未安装。

相关页面

Vue教程：Vue 生命周期挂钩

Vue教程：“beforeMount”钩子

Vue教程：“安装”挂钩

❮ 上一节 Vue 生命周期钩子参考下一节 ❯