微信小程序的模板语法

本文详细介绍了微信小程序的模板语法,包括数据绑定、运算、列表渲染和条件渲染。在列表渲染中提到了如何使用`wx:for`进行数组和对象循环,并强调了`wx:key`在维护列表状态中的重要性。条件渲染部分对比了`wx:if`和`hidden`的使用场景,建议根据显示切换的频率选择合适的方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

模板语法

数据绑定

<!-- 1. 字符串 -->
<view>{
  
  { msg }}</view>
  
<!-- 2. 数字 -->
<view>{
  
  { num }}</view>

<!-- 3. boolear  -->
<view>目标实现了吗?{
  
  {flag}}</view>

<!-- 4. Object -->
<view>{
  
  {per.name}}</view>
<view>{
  
  {per.age}}</view>
<view>{
  
  {per.sex}}</view>
  
<!-- 5. 在标签中使用 -->
<view data-num="{
    
    {num}}">自定义属性</view>

<!-- 6. 使用bool类型充当属性 -->
<view> 
  <checkbox checked="{
    
    { flag }}"></checkbox>
</view>

运算

<!-- 1. 简单运算 -->
<view>{
  
  {1+1}}</view>

<!-- 2. 字符串拼接-->
<view>{
  
  {'1'+'1'}}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值