vue生命週期理解（粗略總結）

  今天在二次開發時，再次遇到vue生命週期。以前似懂非懂，今天看了一篇文章感受寫的不錯。

      在這裏記錄下來： https://segmentfault.com/a/1190000011381906

下面是本身的粗略總結：

 

 

一、 beforeCreate： 此時尚未 進行任何賦值操做，只是 初始化。

二、created： 此時 data、message 已經賦值，而 el 還沒值

 

 

三、beforeMounte : 經過{{message}}進行佔位，此時在頁面上，但仍是JavaScript的虛擬DOM形式存在。

     mounted： 此時，元素也已經在頁面上渲染了

 

 

 

四、  beforeUpdate：  當vue中data中數據發生變化時，會觸發相應組件的變化，此時監測到數據變化，可是view層尚未變化。

　　updated：  當vue中data中數據發生變化時，會觸發相應組件的變化，此時數據已變化，view層從新渲染。

 

五、 beforeDestroy： 在實例銷燬以前，實例仍是可用。

　　Destroyed： vue實例被銷燬。