首页 > 微信 > 详细

小程序

时间:2020-06-30 01:02:00      阅读:83      评论:0      收藏:0      [点我收藏+]

文档:https://developers.weixin.qq.com/miniprogram/dev/framework/

vscode相关插件:小程序开发助手

1.全局配置文件 app.json

2.局部配置文件 .json

3.sitemap.json文件

4.语法和数据绑定

<!-- <text></text>相当于span标签 行内元素 -->
<!-- <view></view>相当于div -->

<view>{{title}}</view>
<!-- 使用布尔类型充当属性 -->
 <checkbox checked="{{flag}}"></checkbox>   //important
data: {
  title: "数据绑定",
  flag: true
}

 

5.表达式  (数字运算,字符串拼接,三元表达式)

<view>{{person.name + "今年" + person.age + ""}}</view>
<view>{{num1 + num2}}</view>
<view>{{flag === true ? "" : ""}}</view>

data: {
    person: {
      name: "范顺",
      age: 19,
      sex: "男"
    },
    flag: true
  }

6.列表渲染

<!-- wx:for="{{数组或对象}}" wx:for-item="循环项" wx:for-index="循环项的索引" -->
<!-- 当数组为这种时,[1,2,3]  循环的时候要 wx:key = "*this"  表示数组是一个普通的数组, *this 表示是循环项相当于item -->
<!-- 当嵌套循环的时候要注意 -->
<!-- wx:for-item="item" wx:for-index="index" 一层循环的时候可以不写 -->
<view class="itemlist" wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="id">
    {{item.id + "-" + item.Fversion}}
    <image class="img" src="{{item.Fpic}}"></image>
</view>

<!-- 循环对象是要注意 -->
<view class="person" wx:for="{{person}}" wx:for-item="value" wx:for-index="key" wx:key="age">
{{key + "=" + value}}
</view>

 

.生命周期

 

小程序

原文:https://www.cnblogs.com/shun1015/p/13210955.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!