vue生命周期

生命周期在百度百科中的解释：指一个对象的生老病死。

• vue中生命周期其实就看el(提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标)和data(Vue 实例的数据对象)

beforeCreate

• el:undefined
• data:undefined

created

• el:undefined
• data：加载完

beforeMount ：

• el:获取到el，但是data的数据未渲染进el中,即DOM元素中的{{message}}，message还未渲染
• data：加载完

mounted

• el：加载完,即DOM中{{message}}已经渲染为data的message值
• data：加载完

beforeUpdate

• el：发生变化，但是打印el.innerHTML（旧值）
• data:变为新值

update

• el：发生变化，但是打印el.innerHTML（新值）
• data:变为新值

beforeDestroy

• 执行了destroy操作，后续就不再受vue控制了。

destroy

• 执行了destroy操作，后续就不再受vue控制了。

  
  
  

    
    




     
{{ message }}