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;

  });

 }