v-show on a component does not work when its template is just another component

[taras-puchko]

Please see http://jsfiddle.net/5sH6A/176/

[Mat-Moo]

v-show works on dom elements, you're replacing it so it can't use display none etc. Try v-if instead.

[taras-puchko]

I'm replacing DOM here too, but it works in that case.

[yyx990803]

A component that contains just another component makes the parent component a fragment instance, because the two components cannot share the same root node.

In general you should avoid components that only contain another component - why would you do that in the first place?

[taras-puchko]

I have several object types that are displayed in a similar way. So my inner component handles presentation and several outer ones contain business logic specific for a particular type of object and pass data to the inner component instance.

[yyx990803]

I'll add warning for this case in a future release. A simple solution is wrap your component with an outer element:

<div v-show="condition">
  <your-component></your-component>
</div>

Or use v-if instead.