<script>
window.onload =
function
() {
new
Vue({
el :
"#app"
,
data : {
arr : [
"apple"
,
"pear"
,
"banana"
,
"watermelon"
,
"strawberry"
],
json: {
"a"
:
"apple"
,
"b"
:
"pear"
,
"c"
:
"banana"
,
"d"
:
"watermelon"
}
},
methods : {
add :
function
() {
this.arr.push(
"pear"
);
}
}
});
}
</script>
<div id =
"app"
>
<!-- 对象 : (值 , 键 , 序号), 顺序是固定的 -->
<h2>json数据类型</h2>
<ul v-
for
=
"(value, key, index) in json"
>
<li> {{value}} ~ {{key}} ~ {{index}}</li>
</ul>
<!-- 数组 : (值 ,序号 ), 顺序是固定的 -->
<h2>arr数组类型</h2>
<ul v-
for
=
"(value, index) in arr"
>
<li>{{value}} ~ {{index}}</li>
</ul>
</div>