Vue 'beforeMount' 生命周期钩子
示例
使用 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。
由于组件尚未安装,我们可以访问组件实例内的属性,例如 data
或 computed
,但我们无法访问组件的 DOM 元素,因为它们尚未安装。
相关页面
Vue 教程: Vue 生命周期钩子
Vue 教程: 'beforeMount' 钩子
Vue 教程: 'mounted' 钩子