vuejs.nexttick.error.example.html

<!-- 오류 예제 -->
<div id="app">
	<div v-for="item in list">
    	<div v-bind:id="bindId(item)">{{item}}</div>	<!-- 2 -->
    </div>
</div>

<script>
new Vue({
	el: '#app',
    data: function() {
    	return {
        	list: []
        };
    },
    created: function() {
    	var self = this;

        for(var i=0; i<100; i++) {
        	this._data.list.push(i);	// 1
        }

        var dom = document.getElementById('item-0');	// 4
        dom.style.backgroundColor = 'red';				// 5
    },
    methods: {
		bindId: function(item) {
        	return 'item-' + item;	// 3
        }
    }
})
</script>