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.
Adding a third-party Vue component - Vue.js Tutorial
From the course: Vue.js 2 for Web Designers
Adding a third-party Vue component
- [Instructor] Vue comes with a lot of useful stuff out of the box. So far, we haven't needed to look for third-party components. But there are quite a lot of them out there, so, let's see how they work. Down here in my post-status messages component, I have this loader, which is just a big block of HTML. We could extract this into its own component, and I think that makes it a good candidate for our purpose here. Swapping it out for an entirely new third-party component. We're going to use this one, called Vue simple spinner. Not every component is going to include documentation for working with them without Vue CLI, or some other JavaScript bundler. So, depending on your setup, you may have to do a little searching to find one that's easy to install by hand as we're doing here. Just make sure Vue comes first, and that all your components appear before the scripts that use them. This component is already available in the exercise files. I'm switching back to my editor. I have a…
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)
-