在子组件中使用手表是否很糟糕？

Posted 2023-02-23

【中文标题】在子组件中使用手表是否很糟糕？

【英文标题】：Is it bad to use a watch in a child component?在子组件中使用手表是不是很糟糕？

【发布时间】：2020-11-04 10:11:42

【问题描述】：

在我的项目中，我需要从父组件实时了解子组件的变化。

所以我将在子组件中使用 watch 来在子组件中的数据发生变化时向父组件发出事件。

这是一个坏方法吗？恐怕此流程中存在不必要的过载。

如果你有更好的方法，请推荐。

【问题讨论】：

使用 watch 是一种很好的做法。如果子组件必须是父组件的一个子组件（甚至是祖先和后代），则使用 Vue Guide: provide/inject 是另一种选择。

【参考方案1】：

这种方法没有错。 Vue 在检测变化的方式上非常有效，并且不应该出现不必要的过载，除非您观看的次数超出了您的需要。除非您有一个巨大的对象图（例如被监视的数千个对象），否则您不应该注意到任何性能问题。

确保只查看需要更改检测的属性，并且仅在确实需要时使用deep:true。