4.6前端学习第二十六天
看一课记一课
遍历对象
原生js
var obj = {
uname:'lisi',
age: 12,
gender:'male'
}
for(var key in obj){
console.log(key,obj[key])
}
key代表键，obj[key]表示键包含的值（包含的对象），可以在控制台console看到输出的值，需要注意的是使用原生js遍历只推荐遍历对象，不推荐遍历数组。
VUE
<div id="app">
<div v-if='v==13' v-for="(v,k,i) in obj">{{v+'---'+k+'---'+i}}</div>
</div>
<script type="text/javascript" src="vue.js"></script>
<script type="text/javascript">
/*
循环结构
*/
var vm = new Vue({
el:'#app',
data:{
obj : {
uname:'zhangsan',
age: 13,
gender:'female'
}
}
});
v-if设置条件、v-for设置遍历方式,v、k、i分别为value、key、index.可以设置成任意字符。这里只会输出：
13---age---1
今日计划
肝不动了
