从微信小程序到鸿蒙JS开发【02】-数据绑定&tabBar&swipe

想了解更多内容，请访问：

51CTO和华为官方战略合作共建的鸿蒙技术社区

https://harmonyos.51cto.com/#zz

1、鸿蒙的数据绑定

微信小程序的数据绑定是类似于Vue的，wxml文件用 {{ }} 和对应js文件中的data对象中的属性进行绑定。

<view class="city"> 
    {{ now.location.name }}市 
</view> 

data: { 
    now: { 
      location: { 
        name: "南京" 
      }, 
  } 
} 

那么鸿蒙中是否也是这样绑定呢?尝试在hml文件的div标签中使用 {{ }} 绑定js文件中的属性值，但却什么都没有显示。

<!--错误代码--> 
<div class="container"> 
    <div class="top"> 
        <div class="topItem"> 
            {{t1}} 
        </div> 
        <div class="topItem"> 
            {{t2}} 
        </div> 
        <div class="topItem"> 
            {{t3}} 
        </div> 
    </div> 
... 
</div> 

export default { 
    data: { 
        t1: "吃饭", 
        t2: "睡觉", 
        t3: "打豆豆" 
    } 
} 

 

本文转载自网络，原文链接：https://harmonyos.51cto.com/#zz
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！