avalon.js是一款輕量級的前端MVVM框架，通過雙向綁定機制實現數據模型與視圖的自動同步。

在avalon.js中，我們可以通過一個$watch的方法，監聽數據的改變，從而實現實時更新視圖。同時，我們也可以通過$data對象，獲取到當前數據模型的對象，以便于對數據進行更加靈活的操作。

// 在avalon.js中，我們可以這樣綁定一個JSON對象
var vm = avalon.define({
$id: "myVM",
mydata: {
"name": "Tom",
"age": 18
}
});

通過使用avalon.js的define方法，我們綁定了一個myVM的ViewModel，其中mydata是一個包含name和age兩個屬性的JSON對象。

當我們需要獲取或者修改mydata對象時，可以直接通過vm.mydata來進行操作。

// 獲取mydata中的name屬性
vm.mydata.name
// 修改mydata中的age屬性
vm.mydata.age = 20

通過avalon.js，我們能夠更加輕松地實現數據與視圖的綁定與同步，大大提高了前端開發效率。