Vue 中生命周期定义及流程

目录

• 一、生命周期定义
• 二、生命周期流程
• 三、总结

一、生命周期定义

生命周期：又名：生命周期回调函数、生命周期函数、生命周期钩子

生命周期是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数 3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的 4.生命周期函数中的 this 指向是 vm 或组件实例对象

做一个小例子，要求页面的文字一上来透明度就周而复始的从1变到0

    
好好学习
    
天天向上

二、生命周期流程

    
    
    



    
天天向上
    透明度设置为1
    点我停止变换

三、总结

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

• 将要创建------>调用beforeCreate函数
• 创建完毕------>调用created豳数
• 将要挂载------>调用beforeMount函数
• 挂载完毕------>调用mounted函数【重要的钩子】
• 将要更新------>调用beforeUpdate函数
• 更新完毕------>调用updated函数。
• 将要销毁------>调用beforeDestroy函数【重要的钩子】
• 销毁完毕------>调用destroyed函数

常用的生命周期钩子：

• 1.mounted：发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始化操作】
• 2.beforeDestroy：清除定时器、解绑自定义事件、取消订阅消息等【收尾工作】

关于销毁Vue实例：

• 1、销毁后借助Vue开发者工具看不到任何信息
• 2、销毁后自定义事件会失效，但原生DOM事件依然有效
• 3、一般不会在beforeDestroy操作数据，因为即便操作数据，也不会再触发更新流程了

到此这篇关于Vue 中生命周期定义及流程的文章就介绍到这了,更多相关Vue 生命周期内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！