Vue的生命周期小结

105 阅读1分钟

Vue的生命周期

  1. 又名:生命周期回调函数、生命周期函数、生命周期钩子。

  2. 是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。

  3. 生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。

  4. 生命周期函数中的this指向是vm 或 组件实例对象。

生命周期.png

vm的一生(vm的生命周期);

将要创建 ===> 调用beforeCreate函数

创建完毕 ===> 调用created函数

将要挂载 ===> 调用beforeMount函数

(重要)挂载完毕 ===> 调用mounted函数 =========> 【重要的钩子】

将要更新 ===> 调用beforeUpdate函数

更新完毕 ===> 调用updated函数

(重要)将要销毁 ===> 调用beforeDestroy函数 =========> 【重要的钩子】

销毁完毕 ===> 调用destroyed函数