微信小程序学习：常见的数据渲染到页面_微信小程序data数组内容的增加并渲染到页面

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>

页面展示：