多for..in
26.php
<html>
<head>
<meta charset="UTF-8">
<title>多for..in</title>
</head>
<body>
<div id="show">
<ul v-for="item in list">
{{ item.name }}
<li v-for="row in item.row">
{{ row.name }}
<ol v-for="r in row.r">
{{ r.name }}
</ol>
</li>
</ul>
</div>
</body>
<script src="vue.js"></script>
<script>
new Vue({
el: '#show',
data: {
list: [
{
name: 'eagle', row: [
{
name: '專長', r: [
{name: 'PHP'},
{name: 'SQL'},
{name: 'Laravel'},
{name: 'CI'},
{name: 'JQuery'},
{name: 'Vue.js'}
]
}
]
},
{
name: 'SAM', row: [
{
name: '專長', r: [
{name: '調戲狗'},
{name: '調戲貓'}
]
}
]
}
]
}
})
</script>
</html>