v-if, v-show and subproperty

[paglias]

Given this code:

<div v-if="selectedItem">
{{selectedItem.text}}
</div>

If item is false, undefined or null the presence of {{selectedItem.text}} transform it into an object with a text property removing its original value.

Is this an intended behavior?

[paglias]

Also I believe that changing a property from a string to an object won't create getters and setter for the subproperties of the object, right?

[yyx990803]

This is intended behavior - this is to (1. prevent computed properties from throwing errors 2. enable collecting dependency) when they try to access properties that does not exist yet.

When swapping a string to an object that object will be recursively observed too. (i.e. converted to getter/setters)

I'm in the process of changing v-if to be truly conditional - basically, if the starting value is falsy, things inside simply won't be compiled. That should somehow resolve your problem as well.

[dyu]

Has the truly conditional v-if landed in dev branch? (didn't see a reference to a commit)

[yyx990803]

@dyu here: yyx990803/vue@3df6343

[dyu]

Thanks as always!