自学内容网 自学内容网

【Vue】mouted、created、computed区别

mouted、created、computed区别

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

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

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

    • 适用场景:

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

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

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

    • 适用场景:

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

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


原文地址:https://blog.csdn.net/qq_32792547/article/details/145149839

免责声明:本站文章内容转载自网络资源,如侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!