English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 5h 08m | 1.20 GB
Quick solutions to common Vue.js problems
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.
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.
What You Will Learn
- 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
Table of Contents
Troubleshooting Techniques
1 The Course Overview
2 Divide and Conquer
3 Using the Mathematical Induction Approach
4 Translating Pseudocode into Code
5 Simplifying Complex Code into More Readable Code
6 Using JavaScript Debugger
7 Unit Testing
Solving Common Issues with the Templating System – The View
8 Improper Use of HTML Based Template Syntax
9 Missing the Root Element
10 Incorrect Use of Mustache Tag
11 Plain Text versus Raw HTML
12 Common Mistakes Using JavaScript Statements and Flow Controls
13 Forgetting to Scope CSS Rules
14 Inline Templates versus X-Templates
Troubleshooting Vue’s Components and Data Binding – The ViewModel
15 Declaring Too Many Global Components
16 Forgetting to ImportExport a Component
17 Forgetting to Register a Component
18 Conflicting Component Names with HTML Elements
19 The Missing Dot
20 Component’s Data as an Object and Function
21 Confusing Parentheses with Curly Braces
22 The v-if and v-show Directives
23 Common Side Effect Using v-for with Object
24 Using Mutating versus Non-Mutating Array Methods
Understanding Issues and Limitations with Forms
25 Forgetting to Declare Initial Values
26 The Side Effects of Using Text Interpolation on <textarea>
27 The Unselected State of the <select> Element
28 Radio Buttons versus Checkboxes
Resolving Issues with Routing and State Management
29 Forgetting To Install Vue Router
30 The <router-view> Tag
31 Common Mistakes Between this.$route and this.$router
Resolve the captcha to access the links!