微信小程序开发基础：常见的数据渲染

Page({
  data: {
    title: "争做新青年",
    content: "welcome",
    num:10,
    listArr: ["好好学习","天天向上","hhh"],
    obj:{name:"小明",age:18,sex:"男"},
    obj: {
      name: "小明",
      age: 18,
      sex: "男"
    },
    list: [{
      name:'张三',
      score:94
    }, {
      name:'李四',
      score:95
    }, {
      name:'王五',
      score:96
    }],
    // day:3
  },

})

<!-- 第一类：单条数据直接渲染 -->
<view>学习新思想-{{title}}</view>
<view>{{content}}</view>
<view>{{num}}</view>
<view>-----------------</view>
<!-- 第二类：数组 -->
<view>{{listArr}}</view>  <!-- 效仿第一类，全部拿出来 -->
<view>{{listArr[0]}} - {{listArr[2]}}</view> <!-- 通过数组下标，拿出指定数据 -->
<view wx:for="{{listArr}}" wx:key="index"> <!-- 也可以通过wx:for拿出全部 -->
{{item}}
</view>
<view>-----------------</view>
<!-- 第三类：对象 -->
<view>{{obj.name}}-{{obj.age}}-{{obj.sex}}</view>
<view>-------------------------</view>
<!-- 第四类：数组里面包含对象（json数组）  -->
<view wx:for="{{list}}" wx:key="index">
{{item.name}}-{{item.score}}
</view>
<view>-------------------------</view>