美文网首页
Vue学习笔记三:Vue生命周期

Vue学习笔记三:Vue生命周期

作者: 开发者连小超 | 来源:发表于2019-06-19 15:28 被阅读0次
  beforeCreate: function(){
    alert("组件实例化之前执行的函数")
  },
  created: function(){
    alert("组件实例化完毕,但页面还未显示") //一般在此方法内获取初始化数据
  },
  beforeMount: function(){
    alert("组件挂载前,页面仍未展示,但虚拟Dom已经配置")
  },
  mounted: function(){
    alert("组件挂载后,此方法执行后,页面显示")
  },
  beforeUpdate: function(){
    alert("组件更新前,页面仍未更新,但虚拟Dom已经配置")
  },
  updated: function(){
     alert("组件更新后,此方法执行后,页面显示")
  },
  beforeDestroy: function(){
    alert("组件销毁前")
  },
  destroyed: function(){
    alert("组件已销毁")
  }

官方文档图如下:


lifecycle.png

相关文章

  • vue笔记

    vue笔记 一.vue实例 vue的生命周期 beforeCreate(创建前), created(创建后), b...

  • vue学习笔记(三)class和style绑定

    前言 通过上一章的学习vue学习笔记(二)vue的生命周期和钩子函数,我们已经更近一步的知道了关于vue的一些知识...

  • vue生命周期

    一 vue生命周期 Vue的生命周期:就是vue实例从创建到销毁的全过程 二 vue生命周期钩子 vue生命周期...

  • vue生命周期

    vue生命周期详: vue生命周期详解图: vue生命周期详解代码展示:

  • Vue学习笔记三:Vue生命周期

    官方文档图如下:

  • vue生命周期图(探究源码之路)

    学习主线:从vue2生命周期图出发,找出背后的源码实现,来探索vue成长之路! [TOC] 生命周期图 vue2....

  • vue生命周期

    学习vue的生命周期 什么是生命周期函数? vue的生命周期函数(又称为钩子函数)是一个vue实例从开始创建,到初...

  • Vue生命周期

    Vue生命周期详解 一、Vue生命周期 与 作用 (生命周期钩子就是生命周期函数) (1)Vue生命周期:每个Vu...

  • 09-生命周期及非父子组件间的通信

    一. Vue生命周期 二、生命周期代码 三、非父子组件通信 vue中非父子组件通信需要借助一个空的vue实例,案...

  • vue学习笔记(2)——基础设置

    githubvue学习笔记(1)主要介绍vue项目的创建vue学习笔记(3)主要介绍vue的router简单用法对...

网友评论

      本文标题:Vue学习笔记三:Vue生命周期

      本文链接:https://www.haomeiwen.com/subject/xcskqctx.html