首页 > 其他分享 >vue生命周期

vue生命周期

时间:2024-04-23 15:22:05浏览次数:16  
标签:生命周期 自定义 DOM vm Vue vue mounted

生命周期
1 是什么:Vue在关键时刻帮我们调研员的一些特殊名称的函数
2 生命周期的函数名字是不可更改
3 生命周期函数的this指向是vm或组件的实例对象

  1. mounted 挂载
    Vue完成模版的解析并把初始的真实DOM元素放入页面后(挂载完毕)调用mounted
    页面中呈现的是经过Vue编译的DOM。
    对DOM的操作均有效但尽量避免
    一般在此进行:开启定时器、发送网络请求、订阅消息、绑定自定义事件等初始化操作

  2. updated 更新

  3. beforeDestroy 销毁
    vm中的所有:data、method、指令等,都处于可用状态,马上要执行销毁过程
    一般再次进行:关闭定时器、取消订阅事件、解除自定义事件等收尾操作

标签:生命周期,自定义,DOM,vm,Vue,vue,mounted
From: https://www.cnblogs.com/ayiluosi/p/18144716

相关文章

  • 官方vue-cli4升级Vue-cli5升级方案
    官方vue-cli4升级Vue-cli5升级方案 官方文档给出方案:https://cli.vuejs.org/migrations/migrate-from-v4.html 直接进行第二步:vueupgrade失败: 这个失败的原因是这个项目本身许多插件之间并不匹配。之前项目启动是用-force命令强制安装的依赖包的。到这一步可以先修改......
  • vue2和vue3的区别
    一.根节点不同vue2中必须要有根标签。vue3中可以没有根标签,会默认将多个根标签包裹在一个fragement虚拟标签中,有利于减少内存。二.组合式API和选项式API在vue2中采用选项式API,将数据和函数集中起来处理,将功能点切割了当逻辑复杂的时候不利于代码阅读。在vue3中采用组合式AP......
  • sh001基于springboot+vue的线上医院挂号系统[带LW文档]
    介绍线上医院挂号系统管理员功能主要包括:个人信息管理、用户管理、论坛管理、医生管理、医生留言管理、单页数据管理、个人中心基础数据管理、医生挂号订单管理、轮播图设置等功能由于本系统的功能模块设计比较全面,所以使得整个线上医院挂号系统信息管理的过程得以实现。获取......
  • 'vue-cli-service' 不是内部或外部命令,也不是可运行的程序
    D:\Work\NewProgramm\14)福建附二院后台管理\FujianHospitalTextile\ZR.Vue>yarnrundevyarnrunv1.22.22warningpackage.json:Nolicensefield$setNODE_OPTIONS=--openssl-legacy-provider&vue-cli-serviceserve'vue-cli-service'不是内部或外部命令,也不......
  • vue 高德地图 三维切换为二维
    在Vue中使用高德地图进行三维与二维视图的切换,可以通过操作地图实例的setMapType方法来完成。以下是一个简单的示例:首先确保安装并导入了高德地图的JavaScriptAPI。在Vue组件中,初始化高德地图,并创建地图实例。使用一个方法来切换地图的视图模式。<template><divid="map"......
  • vue.js 3 上传文件:el-upload 组件
    "@element-plus/icons-vue":"^2.3.1","axios":"^1.6.8","element-plus":"^2.6.2","pinia":"^2.1.7","pinia-plugin-persistedstate":"^3.2.1","vue":&......
  • 在vue2中按顺序调用多个接口,接收返回数据
    最近有一个点一个按钮调用多个接口,并且按顺序串行调用,根据后端返回的逻辑,区分接口之间的串行关系,前面的接口失败是否继续执行下面接口,有两种方式,都是循环调用接口,实现方式有点差别第一种reduce+promisevarresolves=[];callAPI(obj){returnnewPromise((resolve,reject......
  • vue 商品sku添加,笛卡尔算法,商品添加。动态生成table,table添加值后 再生成的table 不
     <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>快速入门</title><!--引入组件库--><linkrel="stylesheet"href="https://un......
  • 实战剖析-vue项目首屏加载时长优化
     首屏速度是用户体验的最关键一环,而首屏速度最大的决定性因素就是资源的加载速度,资源加载速度等于资源大小+网速,老的前端项目随着不断增长,代码可能会变得混乱,冗余难以理解,不断的做加法,久而久之,前端性能上就会受到影响,相信大家在工作当中一定遇到,页面加载时间慢,响应时间长等......
  • 记录:Flask 框架中,g对象的生命周期
    在Flask框架中,g对象是一个特殊的全局对象,它的设计目的是为了在不同的请求处理函数之间共享数据,但不需要将数据存储在session或数据库中。g对象的生命周期与当前的请求/响应周期紧密相关。以下是g对象生命周期的要点:创建:当一个请求到达Flask应用时,g对象会被创建并初始......