From the course: Vue.js 2 for Web Designers
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Inspecting our starting code - Vue.js Tutorial
From the course: Vue.js 2 for Web Designers
Inspecting our starting code
- [Narrator] In this video we're going to walk through the starter code for this project. Instead of building the vue parts completely from scratch I've given us a bit of a running start so we can jump ahead to some different aspects. Let's take a tour of what's here so we can become familiar with it. And look at a couple little things that are different from what we've seen previously. We'll start with the index.html file. Going to jump down to line fifty with control g. And here's my view route. I have my two components here post-status form and post-status messages. Messages has a messages prop which will be the data that we're getting back from the API. I'm going to jump down to the bottom of the file with command, down arrow. And we couple other libraries that are installed here as well. I've included date and time which is a very small library to help you format dates and times which is a little inconvenient to do with vanilla java script. And I have some polyfills for ES6…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
(Locked)
Incorporating live data via REST APIs4m 34s
-
(Locked)
Inspecting our starting code3m 40s
-
(Locked)
First API call in a life cycle method3m 25s
-
(Locked)
Adding a loader animation with v-if3m 52s
-
(Locked)
Hooking up the form to post an update4m 18s
-
(Locked)
Updating message list after posting4m 12s
-
(Locked)
Adding a third-party Vue component5m 16s
-
(Locked)
-