<div id="app4">
        <ol>
            <ul>
                <li v-for="zhi_es in zhi">{{zhi_es.text}}</li>
            </ul>
        </ol>
    </div>

new Vue({
    el: "#app4",
                data: {
                    zhi: [{
                            text: "網際網路是人類進步的階梯1！"
 
,
                        },
                        {
                            text: "網際網路是人類進步的階梯2！",
                        },
                        {
                            text: "網際網路是人類進步的階梯3！",
                        },
                        {
                            text: "網際網路是人類進步的階梯4！"
 
,
                        },
                        {
                            text: "網際網路是人類進步的階梯5！",
                        },
                        {
                            text: "網際網路是人類進步的階梯6！",
                        },
                        {
                            text: "網際網路是人類進步的階梯7！"
 
,
                        },
                        {
                            text: "網際網路是人類進步的階梯8！",
                        },
                        {
                            text: "網際網路是人類進步的階梯9！",
                        },
                        {
                            text: "網際網路是人類進步的階梯10！",
                        },
                        {
                            text: "網際網路是人類進步的階梯12！",
                        },
                        {
                            text: "網際網路是人類進步的階梯13！",
                        },
                        {
                            text: "網際網路是人類進步的階梯14！",
                        },
                        {
                            text: "網際網路是人類進步的階梯15！",
                        },
                        {
                            text: "網際網路是人類進步的階梯16！",
                        },
                        {
                            text: "網際網路是人類進步的階梯17！",
                        },
                        {
                            text: "網際網路是人類進步的階梯18！",
                        },
                        {
                            text: "網際網路是人類進步的階梯19！",
                        },
                        {
                            text: "網際網路是人類進步的階梯20！",
                        },
                    ]
                }
            })

在控制檯，輸入 app4.todos.push({ text: ‘新的 item’ })，你會看到列表中追加了一個新的 item。