目录
什么是生命周期?
官网:每一个vue实例从创建到销毁的过程,就是这个vue实例的生命周期。在这个过程中,他经历了从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。
1 beforeCreate(创建前)
2 created(创建后)
3 beforeMount(载入前)
4 mounted(载入后)
5 beforeUpdate(更新前)
6 updated(更新后)
7 beforeDestroy(销毁前)
8 destroyed(销毁后)
Vue第一次页面加载会触发beforeCreate created beforeMount mounted四个钩子函数
DOM渲染在mounted这个周期就已经完成
那么这些过程中,具体vue做了什么,今天我们了解一下
生命周期图:
了解之前 我们看一下 生命周期图
示例:
我们通过示例来看一看:
<body>
<div id="app">