12、Vue 生命周期各阶段及使命

Vue 2 生命周期各阶段及使命

创建阶段

  

• beforeCreate
  
     
  
  • 此时实例刚刚初始化，数据观测（data）和 event/watcher 事故设置还未开始。   
    
  • 通常在此阶段无法访问 data 中的数据和 methods 中的方法。   
    
  • 可以举行一些与 Vue 实例无关的全局初始化操纵，好比设置全局的加载状态。   
    
     
  
• created
  
     
  
  • 实例已经完成了数据观测、property 和 method 的盘算、watch/event 事故回调的设置。   
    
  • 可以访问 data 中的数据和 methods 中的方法。   
    
  • 得当举行数据的初始化，如发送异步哀求获取初始数据。   
    
    
  

挂载阶段

  

• beforeMount
  
     
  
  • 干系的 render 函数初次被调用，模板已经编译完成，但还未挂载到 DOM 上。   
    
  • 此时可以对即将挂载的 DOM 举行一些预处置处罚操纵，好比修改一些与 DOM 布局干系的设置。   
    
     
  
• mounted
  
     
  
  • 实例已经挂载到 DOM 上，此时可以访问到  
    
  
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

继续阅读请点击广告