Vue v-for

v-for 使いかた

        <div id="app-4">
            <ol>
                <li v-for="todo in todos">
                    {{ todo.text }}
                </li>
            </ol>
        </div>
        <script>
            var app4 = new Vue({
                el: "#app-4",
                data: {
                    todos:[
                        {text: 'Learn JavaScript'},
                        {text: 'Learn Vue'},
                        {text: 'Build something awesome'},
                    ]
                }
            })
        </script>

コンソールで　app4.todos.push{text: 'New item' }) と入力すると、リストに新しいアイテムが追加される