<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="app"> <p v-if="seen">现在你看到我了</p> </div> <div id="app-4"> <ol> <li v-for="todo in todos"> {{todo.text}} </li> </ol> </div> </body> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> new Vue({ el:"#app", data:{ seen:true } }) var app4=new Vue({ el:'#app-4', data:{ todos:[ {text:'aaaaa'}, {text:'bbbbb'}, {text:'ccccc'} ] } })
app4.todos.push({text:'新项目'}) //push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
</script> </html>