首頁 web前端 Vue.js vue中watch和mounted哪個先執行

vue中watch和mounted哪個先執行

Apr 28, 2024 am 12:21 AM
vue

mounted 先執行。 Vue 生命週期鉤子執行順序為:created、beforeMount、mounted、watch、beforeUpdate、updated、beforeDestroy、destroyed;mounted 鉤子在 watch 選項之前執行。

vue中watch和mounted哪個先執行

vue 中 watch 和 mounted 哪一個先執行?

答案:mounted

詳細解釋:

mounted 是一個Vue 生命週期鉤子,當一個Vue實例被建立並已掛載到DOM 時觸發。 watch 是一個 Vue 選項,用於監控資料屬性的變化,並在變化時執行回調函數。

因此,mounted 鉤子會在 watch 選項之前執行。這是因為在 Vue 的生命週期中,created、mounted、beforeUpdate、updated、beforeDestroy 和 destroyed 這些鉤子會依次觸發,而 watch 選項是在 mounted 鉤子之後才執行的。

流程:

  1. created(): 建立 Vue 實例。
  2. beforeMount(): 準備掛載到 DOM。
  3. mounted(): 掛載到 DOM。 在此階段,mounted 鉤子觸發。
  4. watch(): 監視資料屬性的變化。
  5. beforeUpdate(): 資料屬性發生變更之前。
  6. updated(): 資料屬性發生變更之後。
  7. beforeDestroy(): 元件被銷毀之前。
  8. destroyed(): 元件被銷毀。

以上是vue中watch和mounted哪個先執行的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

vue中echarts怎麼用 vue中echarts怎麼用 May 09, 2024 pm 04:24 PM

vue中echarts怎麼用

vue中的export default的作用 vue中的export default的作用 May 09, 2024 pm 06:48 PM

vue中的export default的作用

vue中map函數的用法 vue中map函數的用法 May 09, 2024 pm 06:54 PM

vue中map函數的用法

vue中event和$event區別 vue中event和$event區別 May 08, 2024 pm 04:42 PM

vue中event和$event區別

vue中export與export default區別 vue中export與export default區別 May 08, 2024 pm 05:27 PM

vue中export與export default區別

vue中onmounted作用 vue中onmounted作用 May 09, 2024 pm 02:51 PM

vue中onmounted作用

vue中的onmounted對應react哪個生命週期 vue中的onmounted對應react哪個生命週期 May 09, 2024 pm 01:42 PM

vue中的onmounted對應react哪個生命週期

vue中的鉤子是什麼 vue中的鉤子是什麼 May 09, 2024 pm 06:33 PM

vue中的鉤子是什麼

See all articles