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 生命周期

vue每个组件都是独立的,每个组件都有一个属于它的生命周期,分别为:创建、挂载、更新、销毁。这就是一个vue组件所谓的生命周期

为了让我们知道vue的生命周期到了那个阶段,我们在创建、挂载、更新、销毁的过程中,会触发相应的生命钩子函数

首先new 一个vue实例

?

一 创建阶段

1. beforeCreate:

创建前:vue实例中的data?和?methods中的方法?都还没有初始化都还是undefined

2. created:

?创建后:此时在created中可以获取data中的数据和执行methods中定义的方法

二 挂载阶段

3. beforeMount:?

挂载前,表示模板已经编译完成了,但是还没有渲染到页面中

4. mounted:

//?mounted?这时模板已经挂载到页面上了,页面上的元素已经被替换过来

三 跟新阶段

?5. beforeUpdate:

当data里的数据发送改变后,就会依次触发beforeUpdate()和updated()函数

如果是从一创建到销毁都没有去改变data中的数据的话,beforeUpdate()和updated()函数可以是没有触发过

6. updated:

这时表示我们的页面也已经被跟新了

四 销毁阶段

7. beforeDestroy:

销毁前执行($destroy方法被调用的时候就会执行),一般在这里善后:清除计时器、清除非指令绑定的事件等等…’)

8. destroyed:

销毁后 (Dom元素存在,只是不再受vue控制),卸载watcher,事件监听,子组件

?

?

?

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

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/26 17:41:09-

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