Props are not reactive!

[AndresSepar]

When I update some data by the set method in the root application ... the components are not updating the props data. I think it should work as one-way binding

[LeviSchuck]

Would you please provide a minimal example?

I encountered this when I was setting nested properties. (on Monx at least)

[kbrsh]

@AndresSepar A reproduction would definitely be helpful.

Also, in v0.11, setting nested properties updates the object, but keeps the reference. When Moon diffs the elements, it tests for reference to see if props are the same.

In v1, you can use an object or set on a shallow property.

[AndresSepar]

Here you can see the test. https://jsfiddle.net/andressepar/tp5x5tpx/6/

[kbrsh]

Just as I suspected. The reference to items stays the same, but you update things inside of it. When Moon checks to see if the props are the same as last time, it checks if the reference of both are the same.

In this case, they are, and Moon skips updating the component. Moon components are all treated as pure, which is why there is a check in the first place (pure components have an output that depends only on the props passed to it).

For now, an easy fix would be doing:

var items = instance.get('items').slice(0);

Edit: Another thing. @AndresSepar In your example you use new Moon().mount(), why not provide the root option instead?

That's the purpose of the root option (to directly mount after processing options), and it's faster if you just include it in the options.