document
data:,
methods: {
show(){
console.log('執行了')
beforecreate() {//這是遇到的第乙個生命週期函式表示例項完全會被建立出來，會執行
console.log(this.msg) //這時候console會顯示undefined
this.show() is not a method//注意在beforecreate生命週期函式執行的時候，data和methods中的資料都還沒有被初始化
created() {//這是遇到的第二個生命週期函式
console.log(this.msg)this.show()//在created中，data和methods都已經初始化好了//如果要呼叫methods中的方法，最早只能在created中操作
beforemount() {//這是遇到的第3個生命週期函式，表示模板已經編譯完成，但是尚未把模板渲染到頁面中去
console.log(document.getelementbyid('h3').innertext)//在beforemount執行的時候，頁面中的元素沒有被真正替換過來，只是之前的一些模板字串
mounted() {//這是遇到的第四個生命週期函式，表示記憶體中的模板，已經真實的掛載到了瀏覽器的頁面中，使用者已經看到了渲染好的頁面
console.log(document.getelementbyid('h3').innertext)//注意：mounted是例項建立中的最後乙個生命週期函式，當執行完mounted，例項就完全被建立好了
beforeupdate() {
console.log('介面上元素的內容'+document.getelementbyid('h3').innertext)
console.log('data中的msg資料是'+this.msg)
updated() {
console.log('介面上元素的內容' + document.getelementbyid('h3').innertext)
console.log('data中的msg資料是' + this.msg)//頁面和data資料已經保持一致了
原文：
vue 宣告週期函式 Vue生命週期函式面試題
1.什麼是 vue 生命週期 vue例項從建立到銷毀的過程，就是vue的生命週期。也就是從開始建立 初始化資料 編譯模板 掛載dom 渲染 更新 渲染 解除安裝等一系列過程，我們稱這是vue的生命週期。2.vue生命週期的作用是什麼 它的生命週期中有多個事件鉤子，讓我們在控制整個vue例項的過程時更...
vue 生命週期函式
什麼是生命週期 從vue例項建立 執行 到銷毀期間，總是伴隨著各種各樣的事件，這些事件，統稱為生命週期！生命週期鉤子 就是生命週期事件的別名而已 生命週期鉤子 生命週期函式 生命週期事件 主要的生命週期函式分類 建立期間的生命週期函式 beforecreate 例項剛在記憶體中被建立出來，此時，還沒...
vue 生命週期函式
每個鉤子函式都在什麼時間觸發 1.beforecreate 在例項初始化之後，資料觀測 data observer 和 event watcher 事件配置之前被呼叫。2.created 3.beforemount 在掛載開始之前被呼叫 相關的 render 函式首次被呼叫。4.mounted el...