IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Vue生命周期函数 -> 正文阅读

[JavaScript知识库]Vue生命周期函数

?生命周期函数的定义

生命周期函数:一个Vue组件从创建到销毁的整个过程,也叫生命周期钩子函数,这些函数是主动调用的,都是同步函数,按照一定的顺序进行执行


生命周期过程的四个过程,对应的八个钩子函数都有哪些?

创建过程,beforeCreate创建前和创建后created?
渲染过程,beforeMount渲染前和渲染后mounted?
更新过程,beforeUpdat更新前和更新后updated?
销毁过程,beforeDestroy销毁前和销毁后destroyed?


?beforeCreate()函数

此时,vue已经在堆内存开辟了内存空间存储vue对象,通过这个this这个指针指向这个对象,可以通过this访问组件对象。但是对象还没有完成创建,data实例并未挂载到对象上面,不能访问到data的数据,也不能访问methods自定义函数

?作用:可以在这个函数进行初始化。例如定义一些全局变量


created()函数

此时,vue对象已经创建完成,vue数据源和函数都可以正常使用 但是没有渲染,不能访问DOM模板

作用:可以在此处发起ajax请求,更新data数据,也可以在此处定义一些全局变量作用:


beforeMount()函数

此时,vue模板已经创建出来了可以使用模板的节点,生成完整的DOM结构树,但是 节点值仍是那种为解析的数据源,也就是带有{{}}这种结构的

作用:可以发请求,可以找到dom(不建议直接使用操作dom,一般都是绑定数据,通过修改数据,实现dom操作)


mounted()函数

这个函数所有的数据和视图都已经渲染完成

作用:可以实现dom的任意操作


beforeUpdate()函数

此时 vue中data数据发生变化,但是视图当中通过dom获取节点值的时候,这个节点值还未发生变化

作用 :可以判断更新前后的数据值,来控制拦截组件更新


?updated()函数

此时:vue中data数据和界面dom值数据已经保持同步了

作用:可以通过dom获取节点最新值


beforeDestroy()函数

此时,vue对象还没有销毁,数据和dom还存在,但是此处已经不能更新数据了

作用:可以销毁定时器,把一些事件函数进行移除 还有一些全局变量也可以置为null


destroyed()函数

组件对象已经销毁 数据和dom还存在

也可以在此处销毁定时器 把一些事件函数进行移除 还有一些全局变量也可以置为null

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-09-21 00:19:29  更:2022-09-21 00:23:13 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年2日历 -2025/2/22 2:19:09-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码