EmberJS - user signin - what's the best way to approach?

I have a layout for user to signin, with the usual "user firstname", "lastname", "email" and a few more fields. I'm using "component" to show this content to the user. I also need to validate this data locally.

Now I need to tie the UI to the data. I have two options: 1. Use model 2. Use member variables in component

And when everything is okay, when user clicks on the "register" button, I need to send this data to the back-end.

What do you suggest is the best way to do this?