Learn how to display your tasks.
click Get Started, and we're going to use … one of their components to display out tasks, … and then you want to click Card. … And so this card, this is how we're going to display the tasks … but without the image so we'll copy that. … And then back in vue.js we'll scroll up to the top, … and actually I'll just change this to say just Tasks. … and then justify everything to start. … And this will align all of our cards for us. … And so this card, we need to create a loop … and display one for every single class. … And we can do that with v-for. … So you just add v-for, … the name of the variable you would like and then in … and then the array that you want to loop through, … which is tasks. … And then you also have to give it a key … so that it knows how to uniquely identify … every item in that array. … And you can do that with v-bind:key. … And so we'll use the task.id to uniquely identify which one, … and actually that should be _id. … And so on this card I'm also going to give it a few margins, …
- Single-page applications and Vue.js
- Preparing your development environment
- Creating a Vue.js application
- Using the Vue.js router
- Building a RESTful back-end API with Node.js and Express.js
- Connecting to MongoDB
- Validating and managing a user session
- Connecting Vue.js to a back-end server
Skill Level Intermediate
1. Getting to Know the MEVN Stack
2. Preparing Your Development Environment
3. Vue.js Core Concepts
4. Building a RESTful Back-End API with Node.js and Express.js
Check HTTP status codes3m 17s
5. Connecting Your Application to MongoDB
6. User Authentication, JWTs, and Session Management
7. Finalizing Your Application
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.