Vue warns when passing vue component into props

lackneets commented 5 years ago

Version

5.0.0-beta.4

Browser and OS info

Chrome 73.0.3683.75 / Windows 10

Steps to reproduce

Firstly, create a two-layer Vue app with {app: Object} as props in the component.

Secondly, pass app itself as a prop such as :app="this"

<App>
|   <Component :app="this"/>
...

What is expected?

Those error messages should not be displayed, unless vue is not designed to pass any components as props

What is actually happening?

Finally, Select on the component in dev-tools, as a result, it will reports many errors for example:

[Vue warn]: Property or method "toJSON" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

[Vue warn]: Property or method "_vm" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

[Vue warn]: Property or method "$firebaseRefs" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

Of course I know it's not a good idea to have a such high dependency between two components, actually, I am on a transition period of restructure vue components. I had searched for any discussion about passing component(instance) into props, unfortunately, I got no information of that

lackneets commented 5 years ago

This problem is still existing