关于updated这个生命周期函数

来源：5-4 开发实现 Vue 中的自定义指令（2）

夜魇丶

2022-06-17

老师你好。

因为我自定义指令，提到了mounted和updated的简写。

我理解的updated这个周期函数，是data里的值，只要发生变化，且在页面上渲染了，就会触发这个钩子函数。无论是否是数据关联的值。

有个场景，比如页面有分页功能和搜索功能。data里面有pageNum和keyword这两个值。当keyword发生改变，updated钩子函数就会触发。而自定义指令可能是与分页相关的，比如v-page之类。这样应该会造成性能问题。

而我在实际项目中，基本上是用watch方法来监测数据变化，updated顾及到性能，很少用的，目前能想到的即时通讯的功能可能会用到。所以想了解一下，关于updated这个生命周期函数的使用场景，有什么该周期需要注意的事情。

写回答

1回答

Dell

2022-06-19

已采纳

就像你说的，如果性能上可控，updated 可以用，否则用 watch

Vue3入门与项目实战掌握完整知识体系

明星讲师DELL亲授，全方位知识点+高匹配度项目，入门到深度掌握

3382 学习 · 1454 问题

相似问题

回答 2

回答 2

回答 1

回答 1

回答 1