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

【Vue】mouted、created、computed区别

mouted、created、computed区别

前端vue重构 — computed、watch、组件通信等常用知识整理

created和mouted都是vue生命周期中的钩子函数,通常用来做一些初始化的工作,比如发送http请求、对组件绑定自定义事件

  • created:实例创建完后立即调用,但未挂载在DOM上

    • 适用场景:

    • 进行数据的初始化,如从发起HTTP请求从后端获取数据,并赋值给实例的属性

    • 进行一些只需要在实例创建时执行一次的操作,如初始化定时器、订阅消息

  • mouted:实例挂载到DOM后调用

    • 适用场景:

    • 进行DOM操作,如获取DOM元素的高度、宽度、添加事件监听器等

  • computed:是计算属性,是一种数据绑定方式。主要用来计算一些不存在的属性,会根据以来的数据自动更新,当以来的数据发生变化时,计算属性会重新计算并返回新的值


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

相关文章:

  • 【Rust自学】12.6. 使用TDD(测试驱动开发)开发库功能
  • 计算机网络之---网络安全的基本概念
  • 基于springboot+vue的洪涝灾害应急信息管理系统设计与实现
  • Entity 的材质(棋盘、条纹、网格)
  • CNN张量输入形状和特征图
  • vue3+vite+ts集成第三方js
  • HTTP详解——HTTP基础
  • Python爬虫:结合requests和Cheerio处理网页内容
  • MyBatis实现数据库的CRUD
  • python学opencv|读取图像(三十四)阈值处理-彩色图像
  • 机器学习头歌(第三部分-强化学习)
  • 【IO编程】深度优先遍历
  • 如何检查列表中的某个帖子是否被当前用户投票
  • 无人设备遥控器之信号特性
  • gateway worker 分布式
  • C语言中NUL和NULL、‘\0‘之间的关系
  • R语言的数据库编程
  • spring学习( IOC【控制发转】)
  • 【Vim Masterclass 笔记13】第 7 章:Vim 核心操作之——文本对象与宏操作 + S07L28:Vim 文本对象
  • 1. Doris分布式环境搭建
  • 对受控组件和非受控组件的理解?应用场景?
  • 怎样在Linux PC上调试另一台PC的内核驱动程序,以及另一台Arm/Linux上的程序和驱动程序
  • Vue API 盲点解析
  • 针对服务器磁盘爆满,MySql数据库始终无法启动,怎么解决
  • CVPR 2024 3D方向总汇包含(3DGS、三维重建、深度补全、深度估计、全景定位、表面重建和特征匹配等)
  • PHP:构建高效Web应用的强大工具