关于放到updated 生命周期函数。

来源：5-2 阅读进度功能实现（进度拖动功能）

慕斯6088333

2020-06-06

请问，最后在刚开始的时候就去给dom动态添加backgroundSize这个方式。如果放在mounted函数中也可以达到同样的效果呐。

mounted () {
    this.updateProgressBg()
  },

这里放在updated的是有更好的意义吗。以及在实际开发中，什么时候调用updated，是最合理的呢。

写回答

1回答

扬_灵

2020-06-06

已采纳

同学你好。 updated这个生命周期是在数据与模板进行相结合，并且将更新后的数据挂载到了页面上后执行。因此我们可以在当前生命周期中获取到最新的DOM结构。使用的场景最多的就是获取更新之后的数据或者dom.如果不能解决你的问题，可以继续追问。

慕斯6088333

非常感谢！嗯。我明白这里用updated的意义了。后面学了之后抽象到mixin方法中了。要和updatedBg（）进行解耦。

2020-06-07

共1条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构，完整项目流程

1610 学习 · 1951 问题

相似问题

进度条

回答 1

回答 1

回答 1

回答 2

回答 1