Dynamic Data Binding

First Name: Last Name: Email: Password: Role: Admin Customer Rep Active:

Data binding goes two ways:

• Data from an object is bound to a form
• Input from a form is bound to the data in an object

To see how data binding works in Vue and React:

• Change the event handler on the form from "submit" to "change"
• Change the event handler on the textarea from "change" to "keyup"

{ "firstName": "Bob", "lastName": "Smith", "email": "b@s.com", "password": "test123", "role": 2, "active": true }

Whenever you change the object in this textarea, it should update the form.