Vue 'beforeMount' 生命週期鉤子
示例
使用 beforeMount 和 mounted 生命週期鉤子來演示，在 mounted 鉤子之前，元件的 DOM 元素是不可用的。
export default {
data() {
return {
refsObj1: '',
refsObj2: ''
}
},
beforeMount() {
this.refsObj1 = this.$refs; // The $refs object is empty at this point
},
mounted() {
this.refsObj2 = this.$refs;
}
}
定義和用法
在元件 mounted 之前，也就是在元件新增到 DOM 之前，會執行 beforeMount 生命週期鉤子。
因為元件尚未 mounted，所以我們可以訪問元件例項內的屬性，如 data 或 computed，但無法訪問元件的 DOM 元素，因為它們尚未掛載。
相關頁面
Vue 教程：Vue 生命週期鉤子
Vue 教程：'beforeMount' 鉤子
Vue 教程：'mounted' 鉤子
