<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。