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

最新推荐文章于 2024-09-28 22:54:09 发布

原创最新推荐文章于 2024-09-28 22:54:09 发布 · 253 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

微信小程序专栏收录该内容

10 篇文章

订阅专栏

本文详细解析了微信小程序中data属性的使用方法，包括存储组件数据的作用，以及如何通过data属性展示字符串、数字、布尔值、对象等不同类型的变量。同时，介绍了data属性在标签属性和自定义属性中的应用。

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

1、data: {}

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

 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>