Tween Vue array

[MSCAU]

Following another post by @OSUblake in these forums using the most basic Vue setup, I can see that an array in Vue can be tweened with GSAP, but it's pretty useless unless the DOM is updated too with Vue. Is something in Greensock preventing my CodePen {{ arr }} from updating during the tween?

 

See also:

 

See the Pen RwpLpWv by MSCAU (@MSCAU) on CodePen

[OSUblake]

Vue cannot detect when a value changes inside an array.

https://vuejs.org/v2/guide/reactivity.html#Change-Detection-Caveats

 

To trigger change detection you would have to actually copy and set a new array.

 

See the Pen 5b482f0158ae8cadb821e4f2c3adebf8 by osublake (@osublake) on CodePen