1.数据展示
2.数据循环for
<view v-for="(item,index) in 数组名">
{{item.元素名}}---{{index:索引名}}
</view>
3.添加编译v-if、v-show
4.修改数组的元素-计算属性computed(data里的数据)
<view v-for="item in filterList" :key="item.id">
{{item.text}}
</view>
<view v-for="(item,index) in maplist" :key="index">
{{index}} ---改变了的元素{{item.text}}
</view>
计算属性computed
computed:{
cnMoney(){
return "¥" + this.money;
},
拓展:
filterList过滤数组只要list的id>0就不显示
filterList(){
return this.list.filter(v=>v.id<=0);//v表示list这个数组
},
maplist加工数组
maplist(){
return this.list.map(v=>{
v.text = "葡挞";
return v;
});
}