创建用户界面逻辑

通过添加用户界面逻辑，将您的线框转化为交互式原型，让您的组件应用操作或对来自后端系统的模拟数据做出反应，从而模拟复杂的体验。

连接组件

在用户界面组件之间建立连接，使它们能够相互通信。例如，鼠标点击时按钮的外观应如何变化，用户界面应执行哪些操作来响应鼠标点击时发出的信号。

使用属性别名和状态

通过将 UI 组件的属性绑定在一起，可以在这些组件之间创建连接。这样，当父组件中的属性值发生变化时，所有子组件中的属性值都会通过发出指示属性值变化的信号而自动发生变化。

要从另一个组件引用一个组件的属性，可以创建属性别名来保存对另一个属性的引用。与为属性分配新的、唯一存储空间的普通属性定义不同，属性别名将新声明的属性（称为别名属性）作为对现有属性（被别名属性）的直接引用连接起来。任何数据驱动的内容都应作为相关组件的公共属性输出。例如，一个速度计应该有一个速度属性，用户界面与之绑定。

您可以声明各种用户界面状态，以描述属性值如何从基本状态发生变化。状态是组织用户界面逻辑的一种有用方式。你可以将转换与组件关联起来，以定义当组件的属性因状态变化而改变时，它们将如何产生动画效果。

使用属性别名和状态来创建组件实例中的差异，可以让你重用组件而不是重复组件。因此，组件无需作为全新的组件类型进行处理。这就减少了加载和编译时间，以及最终应用程序的包大小。

自定义用户界面控件

预设的用户界面控件具有默认属性和状态，您可以对其进行修改。如果需要额外的属性，可以将控件实例转化为自定义组件，并为其指定新的属性。

编写表达式

要让用户界面执行某些操作，您可能需要为条件编写 JavaScript 表达式或将数字转换为字符串。例如，您可以使用布尔 AND、NOT 和 OR 操作符绑定属性值，还可以映射数字和数字范围。此外，您还可以双向同步两个组件的属性值。

典型用例

下表总结了一些典型的使用案例，并提供了更多信息链接。