【Vue】mouted、created、computed区别

mouted、created、computed区别

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

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

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

  • 适用场景：

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

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

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

  • 适用场景：

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

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