使用 View Binding 的最佳实践

您希望获得快速的视图渲染，而负责任的视图绑定是实现这一目标的第一步。

始终准备用于视图绑定的数据并避免方法绑定

xml

// view markup
<Label text="{{getMyText}} />

// view binding class
export class ViewBinding extends Observable {
  getMyText() {
    return 'label text'
  }
}

这会导致开发人员在方法中执行逻辑，并可能导致不必要的视图绑定执行，从而进一步降低视图渲染性能。

xml

// view markup
<Label text="{{myText}} />

// view binding class
export class ViewBinding extends Observable {
  myText = 'label text'
}

这提供了**直接的 1 对 1 数据投影到视图绑定**，从而无需进一步的 JavaScript 事件循环周期来处理视图渲染。