Buy Now and unlock this series
$
39
.99
$
24
.99
yours forever
$
39
.99
$
24
.99
Become a Pro and unlock everything
$
24
.99
per month
$
24
.99
Route Based API Calls
In this series, we dive into VueJS. I teach you all about the basics of Vue app development where we dive into VueJS fundamentals, VueJS Animations, API calls, Vue Router and much more!
Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries.
Downloads
Become a pro to download code and videos
VueJS For Everyone
24 videos
Course Instructor
Scott Tolinski
- Getting Started With Vue
7M58S - Introduction To VueJS Templating
7M6S - Introduction To Directives In VueJS
7M14S - Events & Methods
8M31S - User Input & Data Binding With v-model
6M47S - Creating A VueJS Project with the Vue CLI
4M3S - Our Default Project Files
9M2S - Vue Files Explained
9M16S - Creating and Using Components
6M35S - Props In Vue
7M56S - Looping In Vue
11M31S - Conditional Directives In Depth
7M33S - Computed Properties In VueJS
9M3S - VueJS DevTools
4M6S - Hitting The MovieDB API with Methods
12M38S - Creating Our Movies Listing
12M2S - Computed Properties
10M47S - Setting Up Vue Router
7M25S - Creating Routes & Route Params
9M14S - Route Based API Calls
12M42S - Animation In Vue
7M36S - Page Transitions
5M22S - Lifecycle Methods
6M37S - Where To Go From Here
3M41S
Comments
dgloria
over 2 years ago
@Ryan Thanks, that's correct.
Ryan
over 2 years ago [edited]
Noticed that the style computed property was firing before the movie data is returned. Receive the following error on page load, but the backdrop image is still loaded:
GET http://image.tmdb.org/t/p/w1280/undefined 404 (Not Found)
After placing breakpoints on styles() and fetchData(), I saw that the computed property was analyzed on page load, fetchData() was fired retrieving the movie data, and the computed property was updated using the new this.movie.backdrop_path. Was able to write a quick undefined check and remove the initial load error:
While initially skeptical that this was the right approach, the Vuejs Docs on Computed Properties explains the nature of how computed properties work by updating based on its dependencies. Due to the nature of how we're using styles immediately, this seems like an acceptable way integrate error handling.
Want to join the conversation?
Become a Pro member today!