<!DOCTYPE html> <html> <head> <title>for循环</title> </head> <body> <script type="text/javascript" src="vue2.js"></script> <script type="text/javascript"> window.onload=function(){ new Vue({ el:"#box", data:{ list:['width','height','border'] }, methods:{ add(){ this.list.push("back"); } } }) } </script> <div id="box"> <input type="button" name="" value="添加" @click="add"> <ul> <li v-for="(val,index) in list"> {{val}} {{index}} </li> </ul> </div> </body> </html>