Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`. Component that was made reactive:
时间: 2024-03-04 14:51:37 浏览: 317
这个问题是一个警告信息,它意味着你在使用 Vue 组件时,传递了一个被 reactive 包装的对象,这可能会引起一些不必要的性能开销。为了避免这个问题,你可以使用 `markRaw` 函数标记这个对象,或者使用 `shallowRef` 来替代 `ref`。
其中,`markRaw` 函数可以将一个对象标记为“非响应式的”,意味着当这个对象被传递给 Vue 组件时,它将不会被转换为响应式对象。而 `shallowRef` 则是一个类似于 `ref` 的响应式数据类型,但它只会对对象的第一层属性做响应式处理,而不会递归处理整个对象树。
至于那个被 reactive 包装的组件,具体是哪个组件,需要你自己去查看代码中的警告信息来确定。
阅读全文