Skip to Main Content
Vue.js 2 Design Patterns and Best Practices
book

Vue.js 2 Design Patterns and Best Practices

by Paul Halliday
March 2018
Beginner to intermediate content levelBeginner to intermediate
344 pages
7h 7m
English
Packt Publishing
Content preview from Vue.js 2 Design Patterns and Best Practices

Using Vuelidate

Let's create a basic form that allows us to input a firstName, lastName, email, and password. This will allow us to add validation rules with Vuelidate and visualize them on screen:

<template>  <div>    <form class="form" @submit.prevent="onSubmit">      <div class="input">        <label for="email">Email</label>        <input         type="email"         id="email"         v-model.trim="email">      </div>      <div class="input">         <label for="firstName">First Name</label>        <input         type="text"        id="firstName"         v-model.trim="firstName">      </div>      <div class="input">        <label for="lastName">Last Name</label>        <input         type="text"         id="lastName"         v-model.trim="lastName">      </div>      <div class="input">        <label for="password">Password</label>        <input         type="password"         id="password"  v-model.trim="password"> ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Vue.js 2 Web Development Projects

Vue.js 2 Web Development Projects

CHAU GUILLAUME
Vue.js 2 Cookbook

Vue.js 2 Cookbook

Andrea Passaglia
Vue.js: 11 Practical Projects

Vue.js: 11 Practical Projects

James Hibbard, Yomi Eluwande, Michael Wanyoike, Nilson Jacques, Christopher Vundi, Deji Atoyebi, Ivaylo Gerchev

Publisher Resources

ISBN: 9781788839792Supplemental Content