Troubleshooting Vue.js [Video]

More Information
  • Learn some common techniques to troubleshoot a Vue application 
  • Learn common mistakes that Vue.js developers make
  • Understand what the Error object is telling you
  • Know why some elements don’t show up
  • Understand and proper use of Vue directives in a template
  • Understand Vue’s reactivity system to prevent unwanted update side effects
  • Learn how changes to a list is not reactive and how to overcome such pitfall
  • Learn to use the 8 lifecycle hooks for testing and debugging
  • Learn to optimize and organize components to improve performance
  • Know and understand the restrictions between components and elements
  • Learn the advantages of Vue’s Single-File Component (SFC) and separation of concerns (SOC)
  • Correct common routing issues
  • Know when to use render functions over a bloated template

Do you know what to do if your Vue application goes blank? What if the view does not update when something changes in the model? Or what if the view fails to respond to a route change? Whenever you have a problem with your Vue application, don't panic! There are many different things that could cause a problem with your Vue application. Some common issues center around templates, components, forms, lists, routing, and performance. No matter what's causing the issue, there are many basic troubleshooting techniques you can use to fix issues such as these.

Troubleshooting is a process of trial and error—in some cases, you may need to use several different approaches before you can find a solution. Some problems may be easy to fix while others are impossible to resolve at all. This course highlights some common problems faced by developers in different stages of their Vue application development and shows you some simple and practical methods to try when troubleshooting, as well as how to solve more difficult problems you may encounter.

All the code and supporting files for this course are available on Github at

Style and Approach

This course uses a problem-based approach to analyze and solve common mistakes and problems. The course is full of hands-on instructions and demonstrations with clear explanations and useful tips to help you troubleshoot errors with your Vue.js application.

  • Learn some common troubleshooting techniques to solve common problems that most Vue.js developers encounter.
  • Understand Vue.js restrictions and limitations, the flow of communication between parent and child components, and Vue's reactivity system to help you troubleshoot Vue.js application.
  • Learn to leverage Vue's powerful Single-File Components (SFC) and Separation of Concerns (SOC) for better performance
Course Length 5 hours 8 minutes
ISBN 9781788993531
Date Of Publication 31 Oct 2018
Forgetting to Declare Initial Values
The Side Effects of Using Text Interpolation on