mouted、created、computed區別

前端vue重構 — computed、watch、組件通信等常用知識整理

created和mouted都是vue生命周期中的鉤子函數，通常用來做一些初始化的工作，比如發送http請求、對組件綁定自定義事件

• created：實例創建完后立即調用，但未掛載在DOM上

  • 適用場景：

  • 進行數據的初始化，如從發起HTTP請求從后端獲取數據，并賦值給實例的屬性

  • 進行一些只需要在實例創建時執行一次的操作，如初始化定時器、訂閱消息

• mouted：實例掛載到DOM后調用

  • 適用場景：

  • 進行DOM操作，如獲取DOM元素的高度、寬度、添加事件監聽器等

• computed：是計算屬性，是一種數據綁定方式。主要用來計算一些不存在的屬性，會根據以來的數據自動更新，當以來的數據發生變化時，計算屬性會重新計算并返回新的值