Getting Started with Vue.js: #14 Processing a Form with Vue

Processing a form can be a long and tedious task when using vanilla JavaScript or jQuery. While those tools can help to make your AJAX forms very clean, and provide your user with immediate feedback and validations, writing the code can become a bit convoluted.

Processing forms with Vue however is an easy task. With data-binding and reactivity, we can quickly process a form since all the inputs are bound to the variables we have.

Let's take a look at processing a form with vanilla JavaScript and then see how easy Vue makes the job.

For this tutorial, we won't have any backend service to process the form; we'll just be alerting when the form is processed. You can hook in your own backends later.

[sivaviswabrahmana]

Nice article on data binding. Keep rocking Chris

[WolfDaniel]

how do you still have those old tabs in chrome?

[greatred]

man it'll be great help if you provide link to code in description, good tutorial tho