This book provides an introduction to the popular Vue.js. Based on MVC design patterns, use the MVVC concept for applications on the web and create single-page web applications easily. You will use one of the powerful frameworks based only on elementary WWW standard technologies. With Vue.js you will understand and use data binding, components, directives and modularity.

The content

• Introduction - Before the real thing starts
• First examples - just test Vue.js once
• Behind the scenes - How and why does Vue.js work?
• Vue.js in Depth - The Vue Instance, Vue Templates, and Data Binding
• Working with Arrays - Iterations with the v-for directive
• Conditional Rendering - The v-if Directive - Making Decisions
• Events, methods, observers and calculated properties - Calculated results and reactions
• Dynamic layouts with data binding - making stylesheets dynamic
• Forms and form data binding - interaction with the user
• Filtering techniques - Selected data only
• Transitions and animations - Moving things

• Outlook - What else is there in Vue.js? The target groups

• Website creators Web programmers

• Web Designers The author Ralph Steyer has a degree in mathematics and in 1996, after 5 years as a programmer at an insurance company, he started his own business as a freelancer in the field of IT training, programming and consulting. His specialties are Internet programming and OOP. He teaches in companies and universities and regularly publishes video trainings and reference books.

  This book is a translation of an original German edition. The translation was done with the help of artificial intelligence (machine translation by the service DeepL.com). A subsequent human revision was done primarily in terms of content, so that thebook will read stylistically differently from a conventional translation.

  Autorentext

  Ralph Steyer has a degree in mathematics and in 1996, after 5 years as a programmer at an insurance company, he started his own business as a freelancer in the field of IT training, programming and consulting. His specialties are Internet programming and OOP. He teaches in companies and universities and regularly publishes video trainings and reference books.

  Klappentext

  Get started with Vue.js quickly and easily with this book

  This book provides a compact and practical introduction to the popular Vue.js. Use the MVVC concept for applications on the web on the basis of MVC design patterns and create single-page web applications easily. You will use one of the powerful frameworks based only on elementary WWW standard technologies. With Vue.js you will understand and apply data binding, components, directives and modularity.

  With this book, you will not only learn the most important basics of Vue.js. You will also learn how to create and maintain web applications with this JavaScript web framework. The focus of this comprehensive work is on the following aspects:

  • HTML/CSS/JavaScript and the Web: The Vue.js environment

• Basis of JavaScript (above all JSON)

• Working with the Vue instance

  • templates

• Double Curly Syntax and Data Binding

  With its strong application focus, this book on Vue.js is an ideal companion for self-study or relevant courses. In terms of content, it is aimed at:

  (a) creators of websites

  (b) programmers

  c) Web designer

  Dive even deeper into the matter

  Ralph Steyer shows which prerequisites you should have to work with this book. Then you will learn more about the framework and the special features of Vue.js. In the further course, the author covers these partial aspects, among others:

• First examples - just test Vue.js once

  • How and why does Vue.js work?

• Conditional Rendering: The v-if directive - making decisions

• Dynamic layouts with data binding - making stylesheets dynamic

• Forms and form data binding - interaction with the user

• Transitions and animations - Moving things

  If you want to learn even more about the application, this book gives you an outlook on further possible uses and functions of Vue.js in the final chapter. To make it easier for you to get started, you will find program codes and illustrations in each chapter that illustrate complex processes.

  Inhalt

  Introduction - Before we really get started - First examples - Just testing Vue js - Behind the scenes - How and why does Vue js work? - Vue js in depth - The Vue instance, Vue templates and data binding - Working with arrays - Iterations with the v-for directive - Conditional rendering - The v-if directive - Making decisions - Events, methods, Observers and Calculated Properties - Calculated Results and Responses - Dynamic Layouts with Data Binding - Making Stylesheets Dynamic - Forms and Form Data Binding - Interacting with the User - Filtering Techniques - Selected Data Only - Transitions and Animations - Moving Things - Looking Ahead - What Else is in Vue js?