首页 > 其他分享 >Vue笔记5--生命周期

Vue笔记5--生命周期

时间:2022-12-14 11:55:05浏览次数:77  
标签:生命周期 函数 beforeMount -- DOM created Vue

生命周期钩子

​ 因为只是为了给毕设做前端,我选择理解即可。但是其实整个Vue的精髓就在整个地方。有时间可以看看尚硅谷相关教程的生命周期部分p48-p52

https://www.bilibili.com/video/BV1Zy4y1K7SH/

  • created函数中还拿不到DOM元素,完成才可以拿到
  • beforeMount函数虽然还没挂载好,但虚拟DOM元素生成了(没法操作)
  • mountrd函数获取DOM元素
  • beforeUnmount解绑时间监听,清除定时器

生命周期图示

展示页面之前执行下面四个函数

  • beforeCreate()
  • created()
  • beforeMount()
  • mounted()

页面发生改变的时候执行下面两个

  • beforeUpdate()
  • updated()

销毁组件的时候调用下面两个

  • beforeUnmount()
  • unmounted()

标签:生命周期,函数,beforeMount,--,DOM,created,Vue
From: https://www.cnblogs.com/TimothyWen/p/16981677.html

相关文章

  • 2022-12-14 #12 墙角折枝不认命的枝桠 深灰色沙土中书写描画
    确实。67P5163WD与地图/Ptz2018Day8YuhaoDuContest5L一个经典的内核包装了几层。gym题与这道题内核类似,就只说P5163的做法了。时光倒流变成加边,我们事实......
  • Android Studio Gradle编译输出信息乱码
    有时候AndroidStudioGradle编译时输出的信息是乱码,这是因为输出信息和信息的窗口不统一。首先,我们先修改设置里的文件编码Settings->Editor->FileEncodings打开都改......
  • vuex的使用-简单存储
    在写新项目的时候,用input写了个搜索框,搜索之后获取到点击的数据,要将数据在tab中渲染出来,我思前想后,还是觉得vuex是最好的解决办法,记录一下vuex的基本用法首先是在store文......
  • GO语言基础 为什么我要学习Golang以及GO语言入门普及
    作为网络安全初学者,会遇到采用Go语言开发的恶意样本。因此从今天开始从零讲解Golang编程语言,一方面是督促自己不断前行且学习新知识;另一方面是分享与读者,希望大家一起进......
  • linux环境变量LD_LIBRARY_PATH
    LD_LIBRARY_PATH是Linux系统下的环境变量名,类似于Path(设置可执行文件的搜索路径)。作用:用于指定查找共享库(动态链接库)时除了默认路径(./lib和./usr/lib)之外的其他路径。......
  • vue+vant移动端制作一个可添加的form提交表单
    <template><van-nav-bartitle="填写参会人员信息"left-text="返回"left-arrow@click-left="onClickLeft"/><!--添加参会人员信息-->......
  • 50个Java面试必问的面试题,我都给你整好了
    ​我们整理了一份主要的Angular面试问题清单,分为三部分:角度面试问题–初学者水平角度面试问题–中级角度面试问题–高级初学者水平–面试问题1.区分Angular和Angula......
  • 前端常见内存泄漏及解决方法
    写在前面:在平时写代码时,内存泄漏的情况会时有发生,虽然js有内存回收机制,但在平时编程中还是需要注意避免内存泄漏的情况;前几天做移动端时遇到一个内存泄漏造成移动端页面卡......
  • rabbitMQ交换机,路由键,队列配置
    交换机是直连交换机:先建好交换机,把对应的【队列】通过【路由键】与【交换机】绑定。  队列配置:给队列配置路由键,死信队列 ......
  • CFQ 的问题分析一则(二)
    书接上文提到的两个方案。调整group_idle参数之前的思路是:调整group_idle参数,在idle时让queue和group空转,多等待下一个request一会儿。so,编写脚本,测试不同......