vuev-for指令（代码实例）

vuev-for指令（代码实例）

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

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。