生命周期

  • new Vue() 开始创建一个Vue实例对象
  • beforeCreate 函数执行时，data和methods中的数据都还没有初始化
  • Create 函数执行时，data和methods中的数据都已被初始化
  • beforeMount 函数执行时，模板已经编译好了，但是未挂载到页面上，页面还未渲染
  • mounted 对页面上的DOM节点进行操作时，最早在此函数中，执行完此函数，Vue实例初始化完毕，进入运行阶段
  • beforeUpdate 执行此函数时，页面中显示的数据还是旧的，data数据是最新的，页面尚未和最新数据保持同步
  • update 此函数执行时，页面和data数据已经保持同步，都是最新的
  • beforeDestroy 实例上所有的data和methods以及过滤器、指令等都处于可用状态

  • destroyed 组件已经完全销毁，实例上所有的data和methods以及过滤器、指令等都处于不可用


©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容