Aurelia有自己的数据绑定系统。在本章中，您将学习如何与Aurelia绑定数据，并说明不同的绑定机制。

简单绑定

您已经在我们前面的一些章节中看到了简单的绑定。 $ {…}语法用于链接veiw模型和视图。

app.js

export class App {  
   constructor() {
      this.myData = 'Welcome to Aurelia app!';
   }
}

app.html

双向绑定

奥雷利亚的美丽在于它的简单。当我们绑定到输入字段时，将自动设置双向数据绑定

app.js

export class App {  
   constructor() {
      this.myData = 'Enter some text!';
   }
}

app.html

现在，我们有了视图模型和视图链接。每当我们在输入字段中输入一些文本时，视图就会更新。