<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div id="app">
<div v-for="as in products">
<div class="title">{{ as.title}}</div>
<ul>
<li>{{ as.options }}</li>
</ul>
</li>
</div>
<script src="https://unpkg.com/vue"></script>
<script type="text/javascript">
const app = new Vue({
el: '#app',
data: {
products:[]
},
created() {
fetch('https://ser-html5.8531.cn/dl/yzw-dati/init.php?username='+Math.random())
.then(response => response.json())
.then(json => {
this.products = json.data;
})
}
})
</script>
</body>
</html>
遍历json
<li v-for="(k,item) in as.options">
{{k}} {{item}}
</li>