<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>5多维数组实例</title> <script src="js/Vue-1.0.11.js"></script> </head> <body> <h3>5多维数组实例</h3> <ul id="example-2"> <li v-for="item in items"> {{ parentMessage }} - {{ $index }} - {{ item.message }} </li> </ul> <script> var example2 = new Vue({ el: '#example-2', data: { parentMessage: '菜鸟教程官网', items: [ { message: 'www.aliyun.com' }, { message: 'www.baidu.com' } ] } }) </script> </body> </html>