Witness the mysterious behavior through my fiddles:
Anticipated outcome:
https://jsfiddle.net/o7c9mwzf/27/
By clicking "unshift," I add an element to the beginning of my items array. After setting its data, clicking "unshift" again should maintain the element’s position and data.
Surprising result:
https://jsfiddle.net/o7c9mwzf/25/
In this fiddle, the component is enclosed within a div where the v-for directive is placed on the div itself:
<div v-for="item in items"><comp :key="item.uuid"/></div>Unexpectedly, when I unshift the array, existing items lose their associated data.
Can you shed light on this peculiar behavior? The documentation has been of little help.