生命周期: 用通俗的語言來說,就是Vue中實例或者組件從創建到消滅中間經過的一系列過程。 beforecreate : 一般使用場景是在加 loading事件 的時候created :處於loading結束後,還做一些初始化,實現函數自執行(data數據已經初始化,但是DOM結構渲染完成,組件沒有加 ...
生命周期:
用通俗的語言來說,就是Vue中實例或者組件從創建到消滅中間經過的一系列過程。
beforecreate : 一般使用場景是在加 loading事件 的時候
created :處於loading結束後,還做一些初始化,實現函數自執行(data數據已經初始化,但是DOM結構渲染完成,組件沒有載入)
beforemount:處於組件創建完成,但未開始執行操作
mounted :處於發起後端請求,獲取數據,配合路由鉤子執行操作(DOM渲染完成,組件掛載完成 )
beforeupdate、updated:處於數據更新的前後
beforeDestroy:當前組件還在的時候,想刪除組件
destroyed :當前組件已被銷毀,清空相關內容
created 與 mounted 的區別
created:在模板渲染成html前調用,即通常初始化某些屬性值,然後再渲染成視圖。
mounted:在模板渲染成html後調用,通常是初始化頁面完成後,再對html的dom節點進行一些需要的操作。
mounted 與 methods 的區別
mounted 是生命周期方法之一,會在對應生命周期時執行。
methods 是Vue實例對象上綁定的方法,供當前Vue組件作用域內使用,未調用不會執行,只執行邏輯,返回值可有可無。
computed 與 watched 的區別
computed 是計算屬性,也可以理解為一個方法。其中計算的結果如果不發生改變就不會觸發,且必須返回一個值併在DOM中綁定的才能取得值。他可以自動獲取數據的改變。
watched 屬性是手動定義的所需監聽的值,不同的數據可以在其中多次定義監聽值,這時會消耗一定性能,他並不能像computed那樣自動改變。