<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="box"> <ul> <li v-for="todo in todos"> <!-- 和任何循环语句的意思差不多，把它写在需要循环的元素上。 --> {{todo.text}} </li> </ul> </div> </body> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> new Vue({ el:"#box", data:{ todos:[ {text:'learn jQuery'}, {text:'learn javascript'}, {text:'learn Vue'} ] //三个数据对象放到一个数组里，标准json格式， } }) </script> </html>