JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.min.js"></script>
<div id="body"></div>


<!--

invalid $refs.items index after array.unshift

-->

CSS

.bold {
    font-weight: bold;
}

JavaScript

var app = new Vue({
    template: `
	<div>
		<list-item 
			v-for="(item, index) of array" 
			:item="item" 
			:key="item.id" 
			:index="index"
			ref="items"></list-item>
	</div>
	`,
    data: function() {
        return {
            array: [ 123, "abc" ]
        };
    }
});

app.$mount('#body');