升级到 Vue 3:[Vue warn]:计算属性“actions”已在 Props 中定义

Leo*_*eon 5 javascript vue.js vuejs3

我目前正在将 Vue 2 应用程序迁移到 Vue 3,由于某种原因,我突然经常收到此警告:

[Vue warn]: Computed property "actions" is already defined in Props.

这种情况发生在一堆具有不同属性的不同组件中。如果我使用 Vue 开发工具检查某些组件,看起来很多组件突然具有不属于该组件的计算属性,而是在父组件或祖组件上定义的属性。以某种方式,所有计算属性都会自动传递给子组件。

我不知道是什么原因造成的,而且我在文档中找不到任何相关内容。另外,似乎警告并不总是触发(例如刷新后它们可能会消失),所以我在想这是否是某种奇怪的错误。

顺便说一句,到目前为止它似乎没有破坏任何东西。

提前致谢!

(Ps.我用的是Vite)

Leo*_*eon 8

我在问题中没有包含任何代码的原因是因为警告似乎在许多不同的地方/组件上触发,而且它似乎并不总是触发,所以很难找出相关的代码是什么。

我发现这是 Vue devtools 的问题。当我禁用开发工具时,我没有收到警告。还注意到开发工具正在减慢渲染时间,不确定这是否与此问题有关。

  • 我有同样的问题。对我来说,如果我禁用并重新启用 Vue Devtools 扩展,它就会消失。 (2认同)