微信小程序（三） --- js文件

生命周期在另一篇博客里《微信小程序（五）—生命周期》

1、data: {}

1. 作用：用于存储该组件的数据，与vue类似
2. 实例

 data: {
    msg: 'Hello mina',
    num: 1000,
    isGirl: false,
    person: {
      age: 74,
      height: 145,
      name: 'duck'
    }
  },

<!-- 1 字符串 -->
<view>{{msg}}</view>
<!-- 2 数字 -->
<view>{{num}}</view>
<!-- 3 布尔 -->
<view>是否是女生：{{isGirl}}</view>
<!-- 4 对象 -->
<view>{{person.age}}</view>
<view>{{person.height}}</view>
<view>{{person.name}}</view>

<!-- 5 在标签的属性钟使用 -->
<view data-num="{{num}}">自定义属性</view>

<!-- 6 使用boolean充当属性 -->
<view>
  <checkbox checked="{{isGirl}}">自定义属性</checkbox>
</view>