Vue.observable on an array does not really work

Version

2.6.6

Reproduction link

https://jsfiddle.net/9L5ymbv7/

Steps to reproduce

If I do const todos = Vue.observable([]); and try to use it inside reactive context, it does not really work. For example, observing the length of the todos does not trigger re-run if I push to todos.

What is expected?

That observed array would be fully reactive.

What is actually happening?

There is no reactivity.

[mitar]

Ehm, arrays are objects, no?

Should I make a feature request then for arrays to be supported as well?

[cotin18]

@Justineo just do like this:

window.state = Vue.observable({ arr: [] }); or const state = Vue.observable({ arr: [] });

state.arr.push(‘test’);

Works like a charm for me 😃