>[danger]雙向數據綁定原理 1. 數據流向 model <-> view  1. 雙向數據綁定原理是Object.defineProperty() 首先雙向數據綁定一般用于表單標簽, 因為只有表單標簽才能接收用戶的操作 3. 代碼如下: ~~~ <div> <p>你的年齡現在: <input id="result" oninput="changeAge(event)"/></p> </div> <script> let model = { age: 18 }; document.getElementById("result").value = model.age; // view->model function changeAge(ev){ model.age = ev.target.value; console.log(model.age); } // model->view (監聽model的改變) let v = model['age']; Object.defineProperty(model, "age", { set (val) { v = val; // 重要: 同步更新view, 實現雙向數據綁定 document.getElementById("result").value = val; }, get () { return v; } }); // 這次發現, 我們在控制臺里修改model.age的值, 頁面也同樣發生了改變, 證明這次實現了數據的雙向綁定 </script> ~~~ 4. 上面代碼流程示意圖