誰先執行?props還是data或是其他? vue組件初始化的執行順序詳解


初入vue的朋友可能會疑惑,組件初始化的時候,created,props,data到底誰先執行?

今天,我就帶大家從源碼的角度看看到底誰先執行?

我們知道,vue是個實例

那我們就從new Vue()開始,看看到底做了什么,首先是_init方法,初始化,我們點進去繼續看看

可以看到首先是進行初始化生命周期,初始化事件中心,初始化渲染等操作,在created之前,這也就說明了為什么在created的時候無法進行dom操作

好了,這里主要的是initState函數,我們繼續點進去

好了 看到這個函數,大家應該一目了然了吧

總結:執行順序beforeCreate  ->inject -> Props ->  Methods ->  Data -> Computed -> Watch ->provide-> created


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM