Preface

Since its release in 2014, Vue.js has seen a meteoric rise to popularity and is is now considered one of the primary front-end frameworks, and not without good reason. Its component-based architecture was designed to be flexible and easy to adopt, making it just as easy to integrate into projects and use alongside non-Vue code as it is to build complex client-side applications.

If you're an experienced developer looking to make a start with Vue, this book is for you. It provides a rapid introduction to the key topics that you'll need to understand. It contains:

1. Getting up and Running with the Vue.js 2.0 Framework by Jack Franklin
2. Getting Started with Vuex: a Beginner’s Guide by Michael Wanyoike
3. A Beginner’s Guide to Vue CLI by Ahmed Bouchefra
4. A Beginner’s Guide to Working With Components in Vue by Kingsley Silas
5. A Beginner’s Guide to Working with Forms in Vue by Kingsley Silas
6. How to Conditionally Apply a CSS Class in Vue.js by Chad Campbell
7. How to Replace jQuery with Vue by Nilson Jacques
8. Nuxt.js: a Minimalist Framework for Creating Universal Vue.js Apps by Olayinka Omole
9. Optimize the Performance of a Vue App with Async Components by Michiel Mulders

Who Should Read This Book?

This book is for developers with experience of JavaScript.

Conventions Used

Code Samples

Code in this book is displayed using a fixed-width font, like so:

<h1>A Perfect Summer's Day</h1>
<p>It was a lovely day for a walk in the park.
The birds were singing and the kids were all back at school.</p>
			

Where existing code is required for context, rather than repeat all of it, ⋮ will be displayed:

function animate() {
    ⋮
new_variable = "Hello";
}

Some lines of code should be entered on one line, but we’ve had to wrap them because of page constraints. An ➥ indicates a line break that exists for formatting purposes only, and should be ignored:

URL.open("http://www.sitepoint.com/responsive-web-
➥design-real-user-testing/?responsive1");

You’ll notice that we’ve used certain layout styles throughout this book to signify different types of information. Look out for the following items.

Tips, Notes, and Warnings