当前位置: 首页 > article >正文

【vue】前端学习

一、created 与 mounted 钩子函数用法与区别

1、created钩子函数,执行时挂载阶段还没有开始,模板还没有渲染成html,主要用来初始化数据。

例如:加载二级代码

created() {
  //初始化数据
  this.fetchData();
}

 2、mounted钩子函数,常用于页面加载完成后进行DOM操作或发送请求获取数据。

例如:初始化图表,因为在created钩子中,DOM还没被完全渲染出来,可能导致图表无法争取渲染。

mounted() {
      //初始化图表数据
      this.initCharts()
    }

 二、computed 与methods 区别

我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。

最后,所有的方法都应该在methods里定义 ,在mounted或created里面使用this调用没用这个方法实现初始化。 


http://www.kler.cn/a/350129.html

相关文章:

  • 【算法】字符串之227.基本计算器 -- 双栈的变形
  • AI新玩法:Flux.1图像生成结合内网穿透远程生图的解决方案
  • 优化使用 Flask 构建视频转 GIF 工具
  • 第14章:Python TDD应对货币类开发变化(一)
  • 使用 Box2D 库开发愤怒的小鸟游戏
  • 【cuda学习日记】3.3 CUDA执行模型--展开循环
  • 【ShuQiHere】 K-means 聚类算法详解:公式、代码与实战
  • Gin解说
  • 二、变量数据类型
  • OpenStack服务Swift重启失效(已解决)
  • 漏洞挖掘 | 记一次越权修改敏感信息
  • react+ts+vite 别名一直爆红问题
  • ChatTTS 本地安装和测试
  • Android常用界面控件——ProgressBar
  • PHP实现TOTP: Time-Based One-Time Password Algorithm
  • JAVA 中的克隆对象
  • 强化学习和QLearning及GAN到底是什么关系啊
  • SpringSecurity(一)——认证实现
  • 一区大黄蜂!人工蜂群算法优化!ABC-CNN-LSTM-MATT多特征分类预测
  • Jackson在Spring Boot中的开发技巧详解
  • 在顺序结构和链式结构的线性表上实现顺序检索算法
  • Ascend C算子编程和C++基础 Lesson3-4 性能优化
  • 流程图
  • Angular 实现 keep-alive (路由复用)
  • 鸿蒙应用,如何保存用户的 token
  • 【.net core使用minio大文件分片上传】.net core使用minio大文件分片上传以及断点续传、秒传思路