我们在HarmonyOS开发中，如何数据绑定？

Question

我们在HarmonyOS开发中，如何数据绑定？
本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

数据绑定是现代应用开发中常用的技术，可以简化UI更新的逻辑。

以下是我的实现：

// 导入数据绑定模块
import { DataBinding } from '@ohos.databinding';

// 定义数据模型
const data = DataBinding.create({
  name: 'HarmonyOS',
  age: 1
});

// 创建视图模型
const viewModel = DataBinding.create({
  data: data
});

// 在UI模板中使用数据绑定
@Entry
@Component
struct MainAbility {
  build() {
    Column() {
      Text('Name: ${viewModel.data.name}')
      Text('Age: ${viewModel.data.age}')
    }
  }
}

参见：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides...

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。