微信小程序4

dd.wxml文件内容

<view wx:for="{{listArr}}">{{index}}.{{item}}</view>

<text decode>&nbsp;</text>

<view wx:for="{{listArr}}" wx:key="i" wx:for-index="i" wx:for-item="content">
  {{i}}.{{content}}
</view>

<text decode>&nbsp;</text>

<view wx:for="{{listObj}}" wx:key="index">
  <text>{{item.title}}</text>-<text>{{item.time}}</text>
</view>

<!-- 
  index索引值
  item数组中的一项
 -->

<!--
for(var i=0;i<10;i++){
  console.log(i)
}
 -->

dd.js文件内容（截取主要代码）

data: {
    listArr:["平面设计","室内设计","UI设计","影视后期","web前端"],
    listObj:[
      {title:"新视觉实训新闻1",time:"2020-06-07"},
      {title:"基地动态1",time:"2020-08-02"},
      {title:"学生作品展示1",time:"2020-09-23"}
    ]
  },

运行结果

B站视频【P15】