下面介绍一下,vue迭代对象的语法
引用vue的地址为:https://cdn.staticfile.org/vue/2.2.2/vue.min.js
1、对象循环
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>循环语句</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app2">
<ul>
<li v-for="value in object">
{
{value}}
</li>
</ul>
</div>
<script>
new Vue({
el : '#app2',
data : {
object : {
name : 'apple',
url : 'https://blog.csdn.net/qq_32403063',
slogan : 'i am fun'
}
}
});
</script>
</body>
</html>
2、以键值的形式迭代对象
<html>
<head>
<meta http-