<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
</style>
</head>
<body>
<!-- V -->
<div id="app">
<h1>v-for的使用</h1>
<p v-for="(item, index) in list1">{{item}}-----{{index}}</p>
---------------------
<p v-for="(item, index) in list2">{{item.name}}-----{{index}}</p>
---------------------
<p v-for="count in 10">{{count}}</p>
</div>
<script src="./script/vue.js"></script>
<script>
//创建Vue实例
//VM
var vm = new Vue({
el: "#app",
//M
data: {
list1: [1, 3, 5],
list2: [{ id: 1, name: "tom" }, { id: 2, name: "jack" }]
},
methods: {
},
})
</script>
</body>
</html>