转一个前端框架VUE-对象生命周期好文章

最新推荐文章于 2024-10-01 17:17:19 发布

zhangmoyan9527

最新推荐文章于 2024-10-01 17:17:19 发布

阅读量148

点赞数

分类专栏：前端学习文章标签：前端 vue生命周期

前端学习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

链接:https://segmentfault.com/a/1190000011486619

https://segmentfault.com/a/1190000011381906

附两张解释图

              new Vue()
                 ||
                 ||
                 ||
          初始化event和watch
                 ||
                 ||=====> beforeCreate
                 ||
       属性、方法、数据等内容的计算
                 ||
                 ||=====> created
                 ||
              存在el选项
                 ||
                 ||
                 ||
          不存在template选项
                 ||
                 ||=====> beforeMount
                 ||
         创建vm.$el替换el选项
                 ||
                 ||=====> mounted
                 ||
            当内容发生更新
                 ||
                 ||=====> beforeUpdate
                 ||
           虚拟DOM重新渲染
                 ||
                 ||=====> updated
                 ||
         调用vm.$destroy()
                 ||
                 ||=====> beforeDestroy
                 ||
     卸载watcher、子组件和事件监听=====> destroyed