mounted 先執行。vue 生命周期鉤子執行順序為:created、beforemount、mounted、watch、beforeupdate、updated、beforedestroy、destroyed;mounted 鉤子在 watch 選項之前執行。
vue 中 watch 和 mounted 哪個先執行?
答案:mounted
詳細解釋:
mounted 是一個 Vue 生命周期鉤子,當一個 Vue 實例被創建并已掛載到 DOM 時觸發。watch 是一個 Vue 選項,用于監視數據屬性的變化,并在變化時執行回調函數。
因此,mounted 鉤子會在 watch 選項之前執行。這是因為在 Vue 的生命周期中,created、mounted、beforeUpdate、updated、beforeDestroy 和 destroyed 這些鉤子會依次觸發,而 watch 選項是在 mounted 鉤子之后才執行的。
流程:
-
created(): 創建 Vue 實例。
beforeMount(): 準備掛載到 DOM。
mounted(): 掛載到 DOM。在此階段,mounted 鉤子觸發。
watch(): 監視數據屬性的變化。
beforeUpdate(): 數據屬性發生更改之前。
updated(): 數據屬性發生更改之后。
beforeDestroy(): 組件被銷毀之前。
destroyed(): 組件被銷毀。