Móc vòng đời Vue 'trướcMount'
Ví dụ
Sử dụng beforeMount
và các móc vòng đời mounted
để chứng minh rằng các thành phần DOM của thành phần không có sẵn cho đến khi móc 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;
}
}
Chạy ví dụ »Định nghĩa và cách sử dụng
Móc vòng đời beforeMount
xảy ra ngay trước khi thành phần được mounted
, tức là ngay trước khi thành phần đó được thêm vào DOM.
Vì thành phần chưa được mounted
nên chúng ta có thể truy cập các thuộc tính bên trong phiên bản thành phần như data
hoặc computed
, nhưng chúng ta không thể truy cập các phần tử DOM của thành phần vì chúng chưa được gắn kết.
Trang liên quan
Hướng dẫn về Vue: Móc vòng đời của Vue
Hướng dẫn về Vue: Hook 'trướcMount'
Hướng dẫn Vue: Hook 'được gắn kết'