This is the code repository for Vue.js 2 Design Patterns and Best Practices, published by Packt. It contains all the supporting project files necessary to work through the book from start to finish.

This book starts off by comparing Vue.js with other frameworks and setting up the development environment for your application. It gradually moves on to writing and styling clean, maintainable, and reusable components that can be used across your application.

Moving on, you'll look at common UI patterns, Vue form submission, and various modifiers such as lazy binding, number typecasting, and string trimming to create better UIs. You will also explore best practices for integrating HTTP into Vue.js applications to create an application with dynamic data.

Routing is a vitally important part of any SPA, so you will focus on the Vue route and explore routing a user between multiple pages. Next, you'll also explore state management with Vuex, write testable code for your application, and create performant, server-side rendered applications with Nuxt.

Towards the end we'll look at common anti-patterns to avoid, to save you from a lot of trial and error and development headaches.

By the end of this book, you'll be well on your way to becoming an expert Vue developer who can leverage design patterns to efficiently architect the design of your application and write clean and maintainable code.

All of the code is organized into folders. Each folder starts with a number followed by the application name. For example, Chapter02.

The code will look like the following:

// my-module.js
export default function add(x, y) {
 return x + y
}

You should already have an understanding and knowledge of JavaScript (ES2015+), as well as HTML5 and CSS3. Experience with Vue.js is not required for this book, although experience with other JavaScript frameworks will assist with comparisons and similar features.

• Vue.js 2 Web Development Projects

• Vue.js 2.x by Example

• Vue.js 2 Recipes [Video]